.net - 带有 MS 图表的 ASP.NET 禁用垂直线

Question

我有一个使用 MS Chart 创建的图表，如下图所示。如您所见，垂直线与每个条形顶部的值混淆。

替代文字 http://img46.imageshack.us/img46/3720/chartimgaxd.png

这是图表的标记：

        <asp:Chart ID="chtNBAChampionships" runat="server">
   <Series>
      <asp:Series Name="Championships" YValueType="Int32"  ChartType="Column" ChartArea="MainChartArea" IsValueShownAsLabel="true">
         <Points>
            <asp:DataPoint AxisLabel="Celtics" YValues="17" />
            <asp:DataPoint AxisLabel="Lakers" YValues="15" />
            <asp:DataPoint AxisLabel="Bulls" YValues="6" />
            <asp:DataPoint AxisLabel="Spurs" YValues="4" />
            <asp:DataPoint AxisLabel="76ers" YValues="3" />
            <asp:DataPoint AxisLabel="Pistons" YValues="3" />
            <asp:DataPoint AxisLabel="Warriors" YValues="3" />

         </Points>
      </asp:Series>
   </Series>
   <ChartAreas>
      <asp:ChartArea Name="MainChartArea">
      </asp:ChartArea>
   </ChartAreas>
</asp:Chart>

我不希望显示垂直线，因为它与每个条形顶部的值混淆了。如何禁用垂直线？

谢谢你。

Answer 1

简单的方法：

Chart1.ChartAreas[0].AxisX.MajorGrid.Enabled = false;

Answer 2

我不知道具体的 ASP 语法，但这里有 VB.NET 代码可以解决问题：

Dim gd As New System.Windows.Forms.DataVisualization.Charting.Grid
gd.LineWidth = 0

myChart.ChartAreas("MainChartArea").AxisX.MajorGrid = gd

C# 版本（如果需要）：

System.Web.UI.DataVisualization.Charting.Grid gd = new System.Web.UI.DataVisualization.Charting.Grid(); 
gd.LineWidth = 0; 

myChart.ChartAreas[0].AxisX.MajorGrid = gd;

如您所见，您不能只关闭网格线，您必须将其宽度设置为 0。MinorGrid 可以以相同的方式隐藏。

Answer 3

这解决了这个问题。谢谢。

下面是c#代码......

var gd = new System.Web.UI.DataVisualization.Charting.Grid();
gd.LineWidth = 0;
Chart1.ChartAreas[0].AxisX.MajorGrid = gd;

Answer 4

最简单的方法，将以下代码放入图表加载事件中。

protected void Chart1_Load(object sender, EventArgs e)
{
    Chart1.ChartAreas[0].AxisX.MajorGrid.Enabled = false;
    Chart1.ChartAreas[0].AxisY.MajorGrid.Enabled = false;

}

Answer 5

这可以从源头工作

<ChartAreas>
     <asp:ChartArea Name="ChartArea1">
         <AxisX>
              <MajorGrid LineWidth="0" />
         </AxisX>
     </asp:ChartArea>
</ChartAreas>