MS Gráfico con ASP.NET tipo de gráfico "columna" que no muestra el eje x etiqueta si hay más de 9 barras en el gráfico

Question

Tengo un problema con una columna de tipo gráfico de MS Chart. Si hay más de 9 barras en el gráfico, las etiquetas axis-x no se mostrarán correctamente, algunas desaparecerán.

Aquí es mi margen de beneficio para el gráfico:

<asp:Chart ID="chtNBAChampionships" runat="server"> 
    <Series> 
     <asp:Series Name="Championships" YValueType="Int32" Palette="Berry" 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" /> 
      <asp:DataPoint AxisLabel="Mara" YValues="4" /> 
      <asp:DataPoint AxisLabel="Saza" YValues="9" /> 
      <asp:DataPoint AxisLabel="Buha" YValues="6" /> 

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

Con sólo 9 bares funciona, pero no sé por qué no funciona con más de 9 bares. ¿Hay alguna manera de hacer que el gráfico funcione correctamente? Además, si es posible, ¿cómo hacer que cada barra tenga un color diferente?

Answer 1

Tuve el mismo problema, pero estoy usando C# en la carga de la página.

I resuelto mediante la adición de esta

Chart2.ChartAreas["ChartArea1"].AxisX.Interval = 1; 

Answer 2

Intente establecer el ancho del gráfico y vea si eso resuelve el problema mostrando solo 9 barras.

<asp:Chart ID="chtNBAChampionships" runat="server" Width="400px"> 

Puede establecer el color en el Punto de datos.

<asp:DataPoint AxisLabel="Celtics" YValues="17" Color="Green" /> 

Answer 3

Chart2.ChartAreas [ "ChartArea1"] AxisX.Interval = 1.;

Answer 4

<ChartAreas> 
<asp:ChartArea Name="ChartArea1" > 
<AxisY Title="Progress->"> 
</AxisY> 
<AxisX Interval="1" Title="Activity->"> 
</AxisX> 
</asp:ChartArea>