Как я могу отобразить диаграмму столбцов нескольких серий в asp.net

Question

В моем веб-приложении мне нужно отобразить привязку данных диаграммы столбца из таблицы данных. У меня есть 3 столбца на этой оси X в моей области диаграммы. Мне нужно отобразить col1 one стороне и столбце 2, и мне нужно отображать разные цвета для обозначения условного обозначения серии также из таблицы данных.

Мне нужно такое же, как это, как я могу это сделать, пожалуйста, кто-нибудь может мне помочь, как это сделать.

Спасибо

Answer 1

Предполагая, что ваши DataTable имеет следующие столбцы/типы:

Columns.Add("Month", typeof(DateTime)); 
    Columns.Add("Charges", typeof(double)); 
    Columns.Add("Payments", typeof(double)); 

ASPX:

<asp:Chart ID="Chart1" runat="server" Height="400px" Width="600px"> 
     <ChartAreas> 
      <asp:ChartArea Name="ChartArea1"> 
       <AxisY> 
        <MajorGrid LineColor="DarkGray" LineDashStyle="Dot" /> 
        <LabelStyle Format="C2" /> 
       </AxisY> 
       <AxisX> 
        <MajorGrid LineColor="DarkGray" LineDashStyle="Dot" /> 
       </AxisX> 
      </asp:ChartArea> 
     </ChartAreas> 
     <Legends> 
      <asp:Legend Name="Legend1"> 
      </asp:Legend> 
     </Legends> 
    </asp:Chart> 

CS:

protected void Page_Load(object sender, EventArgs e) 
    { 
     foreach (DataRow r in dt.Rows) 
     { 
      Series s = new Series(string.Format("{0} {1}", ((DateTime)r["Month"]).ToString("MMM"), ((DateTime)r["Month"]).Year)); 
      s.ChartType = SeriesChartType.Column; 
      s.Points.AddXY("Charges", new object[] { r["Charges"] }); 
      s.Points.AddXY("Payments", new object[] { r["Payments"] }); 

      Chart1.Series.Add(s); 
     } 
    } 

---

EDIT: Если предположить, что DataTable имеет следующие колонки/типы:

Columns.Add("Month", typeof(string)); 
    Columns.Add("Charges", typeof(double)); 
    Columns.Add("Payments", typeof(double)); 

ИЛИ

Columns.Add("Month"); 
    Columns.Add("Charges"); 
    Columns.Add("Payments"); 

Тогда вы должны изменить код, чтобы это :

protected void Page_Load(object sender, EventArgs e) 
    { 
     foreach (DataRow r in dt.Rows) 
     { 
      Series s = new Series((string)r["Month"]); 
      s.ChartType = SeriesChartType.Column; 
      s.Points.AddXY("Charges", new object[] { r["Charges"] }); 
      s.Points.AddXY("Payments", new object[] { r["Payments"] }); 

      Chart1.Series.Add(s); 
     } 
    }