Smobiler平台提供了许多的图表控件,以满足各种开发场景的数据分析需求。图表控件包括:BarChart、BubbleChart、candleStickChart、LineChart、PieChart、RaderChart、ScatterChart。这些控件都有个相同点:都需要绑定数据源进行数据显示。
在此案例中,我们以BarChart为例,进行数据绑定。
1. 先拖一个BarChart控件到设计器上,进行属性设置:“Size”:“300, 300”
2. 在页面的Load事件中绑定数据源
C#:
private void SmobilerForm1_Load(object sender, EventArgs e)
{
DataTable table = new DataTable ();
table.Columns.Add("XMember"); //X轴数据
table.Columns.Add("YMember"); //Y轴数据
for (int i = 1; i <= 12; i++)
{
DataRow row = table.NewRow();
row["XMember"] = i.ToString() + "月";
row["YMember"] = i * 1000;
table.Rows.Add(row);
}
if (table.Rows.Count > 0) //绑定数据源
{
this.barChart1.DataSource = table;
this.barChart1.DataBind();
}
}
3. 在BarChart上绑定显示数据字段:绑定字段必须存在绑定数据源中,否则无法显示
XValueMember:绑定X轴显示数据;
YValueMember:绑定Y轴显示数据。
4. 运行效果查看
好的,数据源绑定,显示成功了。由于图表控件的其他属性与各个控件基本一致,在此便不多说了。