C1Chart for WPF初级教程-数据。和数据源相关的那些事(三)

发布时间:2015/03/20 00:03 发布者:Alice

返回博客中心

数据。和数据源相关的那些事(三)

本章的第三部分内容会介绍DataSet数据源,如何使用C1Chart展示该数据源中的数据。

绑定DataSet中的数据表

如果有一个DataSet作为数据源,C1Chart如何绑定里面的数据表呢。

这部分我们就来介绍如何来实现DataSet数据表的绑定。

步骤:

 

第一步

首先我们要准备数据源,安装ComponentOne产品后,在如下路径可以找到数据源:

\Documents\ComponentOne Samples\Common\ C1NWind.mdb

 

第二步

连接数据源,并获取DataTable。

数据源的设置代码,我们用VB和C#来展示:

C#代码:
DataSet ds;
            // create connection and fill data set 
            string path = System.Environment.GetFolderPath(Environment.SpecialFolder.MyDocuments);
            string mdbFile = path + "\\ComponentOne Samples\\Common\\c1nwind.mdb";
            string connString = string.Format("Provider=Microsoft.Jet.OLEDB.4.0; Data Source={0}",mdbFile);
            OleDbConnection conn = new OleDbConnection(connString);
            OleDbDataAdapter adapter = new OleDbDataAdapter(@"SELECT TOP 5 ProductName, UnitPrice FROM Products ORDER BY UnitPrice;", conn);
            ds = new DataSet();
            adapter.Fill(ds, "Products");
 
 
VB代码:
' create connection and fill data set 
Dim mdbFile As String = "c:\db\nwind.mdb" 
Dim connString As String = String.Format("Provider=Microsoft.Jet.OLEDB.4.0; Data Source={0}", mdbFile) 
Dim conn As New OleDbConnection(connString)
Dim adapter As New OleDbDataAdapter("SELECT TOP 10 ProductName, UnitPrice FROM Products " & vbCr & vbLf & " ORDER BY UnitPrice;", conn) 
_dataSet = New DataSet() 
adapter.Fill(_dataSet, "Products") 

 

第三步

将数据表的行作为数据源设置给Chart的data。

这个时候只需要一句代码,便可以轻松实现。

C#代码:
// set data table rows as the source for chart data 
chart.Data.ItemsSource = ds.Tables["Products"].Rows; 
 
VB代码:
' set data table rows as the source for chart data 
c1Chart1.Data.ItemsSource = _dataSet.Tables("Products").Rows 

 

第四步

除此之外,在XAML文件里,也需要使用ValueBinding进行字段的绑定,

在X轴的名字也可以通过ItemNameBinding来绑定设置。

XAML代码:
<c1:C1Chart.Data>
<c1:ChartData ItemNameBinding="{Binding Path=[ProductName]}">
<c1:DataSeries Label="Products" ValueBinding="{Binding Path=[UnitPrice]}"/>
</c1:ChartData>
</c1:C1Chart.Data>

 

运行之后,会得到如下的效果图:

C1ChartWPF_BindingTable

 

如上代码的详细示例如下所示:

 

chartwpf_datatable.zip (910.28 kb)

 

C1Chart的在线英文产品文档地址:

http://helpcentral.componentone.com/nethelp/c1wpfchart/#!Documents/componentonechartforwpf.htm

如果你对C1Chart感兴趣,请到我们的官网下载最新版本:/developer/componentone-winform/controls/chart

如果你有疑问,可以到GCDN论坛获得技术支持:http://gcdn.grapecity.com.cn/showforum-68.html

 

C1Chart for WPF初级教程》系列文章

初遇。Getting Started(上)

初遇。Getting Started(下)

类型。穿Prada的女王(上)

类型。穿Prada的女王(下)

数据。和数据源相关的那些事(一)

数据。和数据源相关的那些事(二)

数据。和数据源相关的那些事(三)

数据。和数据源相关的那些事(四)

标记和标签。撕名牌大战(一)

标记和标签。撕名牌大战(二)

标记和标签。撕名牌大战(三)

导出(PDF,EXCEL) 

多轴图表 

轴的动态绑定

实现轴注释的高级自定义

颜色和大小。数据点的自定义(一)

符号。数据点的自定义(二)

基础介绍。XAML动画(一)

基础介绍。XAML动画(二)

基础介绍。XAML动画(三)

基础介绍。XAML动画(四)


关于葡萄城

赋能开发者!葡萄城是专业的集开发工具、商业智能解决方案、低代码开发平台于一身的软件和服务提供商,为超过 75% 的全球财富 500 强企业提供服务。葡萄城专注控件软件领域30年,希望通过模块化的开发控件、灵活的低代码应用开发平台等一系列开发工具、解决方案和服务,帮助开发者快速响应复杂多变的业务需求,最大程度地发挥开发者的才智和潜能,让开发者的 IT 人生更从容更美好。

了解详情,请访问葡萄城官网