XtraCharts > 示例 > 如何： 把 Web 图表绑定到数据 (运行时刻示例)

这个示例展示了如何使用系列模板把 Web 图表绑定到数据。 关于在 ASP.NET 平台使用 XtraCharts 的特殊信息，请参阅 Web 图表的特殊事项。

新建一个 ASP.NET Web 应用程序，添加一个 WebChartControl，并为它添加一个数据源 (这些步骤类似于 另一个指南 的步骤 1-8)。

然后，添加一个按钮到应用程序，并以下列方式接管按钮的 Click 事件。

Note注意

要把 WebChartControl 正确地绑定到数据源并且创建系列点，则在定制图表的属性之后，考虑调用 ASPxWebControl.DataBind 方法。 当解析数据源时，优先使用由 ASPxDataWebControlBase.DataSourceID 属性标记的数据源。 如果没有设置 ASPxDataWebControlBase.DataSourceID，就使用由 ASPxDataWebControlBase.DataSource 属性指定的对象。

C#CopyCode image复制代码
using System;
using DevExpress.XtraCharts;
// ...

protected void Button1_Click(object sender, EventArgs e) {
    WebChartControl1.DataSourceID = "AccessDataSource1";
    WebChartControl1.SeriesDataMember = "Year";
    WebChartControl1.SeriesTemplate.ArgumentDataMember = "Region";
    WebChartControl1.SeriesTemplate.ValueDataMembers.AddRange(new string[] {"GSP"});
    WebChartControl1.SeriesTemplate.View = new StackedBarSeriesView();
    WebChartControl1.DataBind();
}
Visual BasicCopyCode image复制代码
Imports System
Imports DevExpress.XtraCharts
' ...

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs)
    WebChartControl1.DataSourceID = "AccessDataSource1"
    WebChartControl1.SeriesDataMember = "Year"
    WebChartControl1.SeriesTemplate.ArgumentDataMember = "Region"
    WebChartControl1.SeriesTemplate.ValueDataMembers.AddRange(New String() {"GSP"})
    WebChartControl1.SeriesTemplate.View = New StackedBarSeriesView()
    WebChartControl1.DataBind()
End Sub

CodeCentralShow Me

在 DevExpress Code Central 数据库中可以找到完整的示例项目，网址是 http://www.devexpress.com/example=E1015。 取决于目标平台类型 (ASP.NET、WinForms 等)，可以在线运行本示例，或者下载自动可执行的示例。

Expand image参阅