以编程方式将图表添加到ASP.NET C#网站

本文关键字：ASP NET 网站 添加 编程 方式 | 更新日期: 2023-09-27 17:59:20

我有以下数据集

NAME | GP   | ORD_GP | EXP   | TOTAL GP | TARGET
a      206     48      -239     15         1600
b      0       27       0        27        1520

我有点纠结于如何通过程序将图表添加到我的网页并将数据集绑定到图表？我有以下内容，它是刚刚从工具箱中拖出来的。

   <asp:Chart ID="Chart1" runat="server">
    <Series>
        <asp:Series Name="Series1">
        </asp:Series>
    </Series>
    <ChartAreas>
        <asp:ChartArea Name="ChartArea1">
        </asp:ChartArea>
    </ChartAreas>
    </asp:Chart>

关于如何将数据集绑定到图表的任何想法，我也只想显示TOTAL GP和TARGET。

以编程方式将图表添加到ASP.NET C#网站

数据集应使用f.ex.绑定到序列

Chart1.Series["Series1"].Points.AddXY(xVal, yVal);

此外，您应该将您的系列声明更改为：

<asp:Series Name="Series1" ChartArea="ChartArea1" >

以便在图表上呈现您的系列。

您可以将代码后面的图表添加为

var myChart = new Chart {
ID="myChart", Height= 100, Width =100, ...
}

并添加类似的系列

var mySeries = new Series(){
Name ="my series", Color = Color.Red, ChartType = SeriesChartType.Line ...
}
myChart.Series.Add(mySeries);

尝试从数据集进行绑定

    foreach (DataRow row in urdataset.Tables[0].Rows)
    {
        string seriesName = row["sno"].ToString();
        Chart1.Series.Add(seriesName);
        Chart1.Series[seriesName].ChartType = SeriesChartType.Line;
        Chart1.Series[seriesName].BorderWidth = 2;
        for (int colIndex = 1; colIndex < urdataset.Tables[0].Columns.Count; colIndex++)
        {
            string columnName = urdataset.Tables[0].Columns[colIndex].ColumnName;
                YVal = Convert.ToInt32(row[columnName]);
            Chart1.Series[seriesName].Points.AddXY(columnName, YVal);
        }
    }
相关文章：