[研究]ASP.NET, WebForm, Chart 長條圖測試(一)隱藏格線、顯示軸線

[研究]ASP.NET, WebForm, Chart 長條圖測試(一)隱藏格線、顯示軸線

2025-03-05

環境：Visual Studio 2019 + ASP.NET + WebForm + Web Application + C# + SQL Server 2019 + SQL Server Management Studio (SSMS) 19

********************************************************************************

把Chart拖入「設計」畫面，會註冊元件。

ASPX

<asp:Chart ID="Chart1" runat="server" Width="600px" Height="400px" BorderlineWidth="1" BorderlineColor="Black" BorderlineDashStyle="Solid"> <ChartAreas> <asp:ChartArea Name="ChartArea1"> <AxisX Title="xxx" Interval="1" LineWidth="1" LineColor="Black"> <MajorGrid Enabled="False" /> <!-- 隱藏 X 軸格線 --> </AxisX> <AxisY Title="yyy" LineWidth="1" LineColor="Black"> <MajorGrid Enabled="False" /> <!-- 隱藏 Y 軸格線 --> </AxisY> </asp:ChartArea> </ChartAreas> <Series> <asp:Series Name="TotalLevelCountSeries" ChartType="Column" ChartArea="ChartArea1" IsValueShownAsLabel="true" LabelForeColor="Blue" Font="Arial, 14pt, style=Bold" /> </Series> </asp:Chart>

C#

Chart1.ChartAreas["ChartArea1"].AxisX.MajorGrid.Enabled = false; // 隱藏 X 軸格線 Chart1.ChartAreas["ChartArea1"].AxisY.MajorGrid.Enabled = false; // 隱藏 Y 軸格線 Chart1.ChartAreas["ChartArea1"].AxisX.LineWidth = 1; // 恢復 X 軸線條 Chart1.ChartAreas["ChartArea1"].AxisY.LineWidth = 1; // 恢復 Y 軸線條 Chart1.ChartAreas["ChartArea1"].AxisX.LineColor = System.Drawing.Color.Black; // 設定 X 軸顏色 Chart1.ChartAreas["ChartArea1"].AxisY.LineColor = System.Drawing.Color.Black; // 設定 Y 軸顏色

(完)

相關