数据绑定概述
本帮助文章描述了RadHtmlChart所需的数据结构。它解释了如何使用字段(列)和行。
RadHtmlChart中的数据绑定系列需要一个字段(列)名，并将从提供的数据源中的所有记录(行)中获取数据。表1显示受支持的数据源结构和表2显示不合适的数据源结构。中可以看到一个良好数据源的示例实现示例1．
表1:RadHtmlChart数据源的预期结构
| X_Axis_Labels | First_Series_Values | Second_Series_Values |
|---|---|---|
| 标签1 | 1 | 5 |
| 标签2 | 10 | 15 |
| 标签3 | 20. | 25 |
如果您的数据源看起来像表2，查阅组RadHtmlChart数据源代码库文章。或者，您可以遍历数据源和以编程方式创建系列项．
表2:RadHtmlChart不支持的数据源结构
| X_Axis_Labels | series_group_name | 价值 |
|---|---|---|
| 标签1 | 第一个 | 1 |
| 标签2 | 第一个 | 10 |
| 标签3 | 第一个 | 20. |
| 标签1 | 第二个 | 5 |
| 标签2 | 第二个 | 15 |
| 标签3 | 第二个 | 25 |
例1:表1中受支持的RadHtmlChart数据源的示例实现。您可以在图1中看到结果。
protected DataTable GetChartData() {DataTable tbl = new DataTable();tbl.Columns。Add(new DataColumn("X_Axis_Categories"， typeof(string)));tbl.Columns。Add(new DataColumn("First_Series_Values"， typeof(decimal)));tbl.Columns。Add(new DataColumn("Second_Series_Values"， typeof(decimal)));tbl.Rows。添加(新对象[]{"Label 1"， 1,5});tbl.Rows。Add(new object[] {"Label 2", 10, 15 }); tbl.Rows.Add(new object[] {"Label 3", 20, 25 }); return tbl; } protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) { RadHtmlChart1.DataSource = GetChartData(); RadHtmlChart1.DataBind(); } }Protected Function GetChartData() As DataTable Dim tbl As New DataTable() tbl. columns。添加(New DataColumn("X_Axis_Categories"， GetType(String))) tb . columns。添加(New DataColumn("First_Series_Values"， GetType(Decimal))) tbl.Columns。Add(New DataColumn("Second_Series_Values"， GetType(Decimal))) tbl.Rows. Add(New DataColumn("Second_Series_Values"， GetType(Decimal)))添加(New Object() {"Label 1"， 1,5}) tbl.Rows。添加(New Object() {"Label 2"， 10,15}) tbl.Rows。Add(New Object() {"Label 3"， 20,25}) Return tbl End Function Protected Sub Page_Load(sender As Object, e As EventArgs) handle Me。加载如果没有页面。IsPostBack然后RadHtmlChart1。DataSource = GetChartData() RadHtmlChart1.DataBind()结束如果结束Sub . databind图1:示例1的结果-正确的系列数据绑定。
