Silverlight之工具箱使用2
本文共 2241 字，大约阅读时间需要 7 分钟。
Silverlight工具箱给我们提供了一个数据统计表控件。我们只需要将数据与这套工具结合起来，就可以绘制出柱形，线性，饼状图形等。
我们在绘制图表之前，需要引用类库程序集。如果我们将控件拖到视图当中，IDE就会自动引入程序集文件并创建命名空间。
每一个图表必须在Chart对象的 Chart.Series 属性标记内进行定义，每个Series可以包含若干个同种类型的图表，这样我们就可以在一个图表中实现多种数据的比较了。
下面是绘制柱状图形的代码：
< toolkit : Chart x : Name ="chartColumn" Margin ="5" Title =" 柱状图 " Width ="400" Height ="250">
< toolkit : Chart.Series >
< toolkit : ColumnSeries Title =" 人 ¨? 口 ¨2"
DependentValueBinding ="{ Binding Value }"
IndependentValueBinding="{ Binding Key}"/>
< toolkit : ColumnSeries Title="GDP"
DependentValueBinding="{ Binding Value}"
IndependentValueBinding="{ Binding Key}"/>
</ toolkit : Chart.Series >
</ toolkit : Chart >
然后我们来绑定数据。
((ColumnSeries)chartColumn.Series[ 0 ]).ItemsSource = new KeyValuePair< string , int >[]
{
new KeyValuePair< string , int >( " 北京" , 1230 ),
new KeyValuePair< string , int >( " 上海" , 1110 ),
new KeyValuePair< string , int >( " 广州" , 950 ),
new KeyValuePair< string , int >( " 郑州" , 800 ),
new KeyValuePair< string , int >( " 新乡" , 600 )
};
((ColumnSeries)chartColumn.Series[ 1 ]).ItemsSource = new KeyValuePair< string , int >[]
{
new KeyValuePair< string , int >( " 北京" , 1300 ),
new KeyValuePair< string , int >( " 上海" , 1200 ),
new KeyValuePair< string , int >( " 广州" , 1000 ),
new KeyValuePair< string , int >( " 郑州" , 840 ),
new KeyValuePair< string , int >( " 新乡" , 610 )
};
第一个用于绑定人口数据，第二个用于绑定GDP数据。我们创建键值对 KeyValuePair 数组作为图表的数据源。Value表示城市名，Key表示人口或GDP，这两个属性分别是对 DependentValueBinding 和 IndependentValueBinding 进行绑定。
效果如图：
如果我们使用线形或者点行，那么我们X轴上必须是数值型，一旦我们设定为String类型，就会发生程序异常。
下面我们来绘制饼状图，代码如下：
<toolkit:Chart x:Name="chartPie" Margin="5" Title=" 饼状图" Width="400" Height="250">
<toolkit:Chart.Series>
<toolkit:PieSeries Title=" 人口"
DependentValueBinding="{Binding Value}"
IndependentValueBinding="{Binding Key}"/>
</toolkit:Chart.Series>
</toolkit:Chart>
绑定数据代码：
((PieSeries)chartPie.Series[ 0 ]).ItemsSource = new KeyValuePair< string , int >[]
{
new KeyValuePair< string , int >( " 北京" , 1230 ),
new KeyValuePair< string , int >( " 上海" , 1110 ),
new KeyValuePair< string , int >( " 广州" , 950 ),
new KeyValuePair< string , int >( " 郑州" , 800 ),
new KeyValuePair< string , int >( " 新乡" , 600 )
};
效果如图：
本文转自 王祖康 51CTO博客，原文链接：http://blog.51cto.com/wzk89/499087 ，如需转载请自行联系原作者
你可能感兴趣的文章
[转] vue异步处理错误
查看>>
CSS 3D动画概述菜鸟级解读之一
查看>>
kindeditor.net应用
查看>>
函数preg_replace()与str_replace()
查看>>
HTTP工具CURL的使用简介
查看>>
P2P的远程协助系统技术分析[转]
查看>>
在.NET开发中的单元测试工具之(1)——NUnit
查看>>
windows2008支持多用户同时登录
查看>>
UEditor 1.2.5 for java 自定义配置
查看>>
从Redis的数据丢失说起
查看>>
理解对象（通过关联数组和基本包装类型）
查看>>
linux查看系统版本（32位／64位）的方法
查看>>
Highcharts中Legend动态显示点值
查看>>
MySQL数据库主从同步(单台2实例)
查看>>
HashMap和HashTable简介和区别
查看>>
java json 库之 jackson
查看>>
【图像缩放】最邻近插值
查看>>
阿里数据中台七年演化史——行在口述干货
查看>>
10.Java异常问题
查看>>
利用Git Webhooks实现jekyll博客自动化部署
查看>>