简单图表 首先我们需要下载Visire项目Silverlight开发包在建立完项目后添加对Visire.Charts.dll和Visire.Commons.dll集引用添加命名空间:
创建图表此处LayoutRoot是我们放置图表Control控件它可以使Grid、StackPanel或者Canvas等Control控件
添加数据这里为了简单起见随机创建了 6组数据注意我们需要把DataPo数据添加到DataSeries对象Children属性中而不能添加在DataPos属性上:
添加图表到容器上面:
最后完整代码如下所示:
现在运行后可以看到效果如下图所示:
当鼠标放在图表上时可以显示具体数值:
去除水印 我们注意到在上面图形右上角添加了“Powered by Visire”水印效果好在Visire给我们提供了个属性可以隐藏该水印效果:
现在运行后可以看到水印效果已经隐藏:
实现3D效果 除此的外还可以实现3D效果图表通过View3D属性来设置如下代码所示:
运行后效果如下图所示:
设置图表Theme 在Visire中我们还可以为图表设置Theme内置有3种Themes它们默认动画类型以及颜色集合如下表所示:
设置Theme如下代码所示:
运行后效果如下图所示:
设置动画类型 Visire还可以指定图标加载时动画类型内置了5中动画类型它们描述如下所示:
设置动画类型:
这样在加载图表时可以显示区别动画Visire项目代码还需要进步完善很多东西都没有使用枚举而是用串来表示如上面提到Theme和AnimationType等
设置颜色集合 Visire内置了很多图标颜色集合我们可以为最终生成图表设置颜色如下代码所示:
最终生成图表效果如下图所示:
设置图表类型 Visire中内置了各种图表类型包括柱状图饼图等它提供了ChartTypes枚举:
但是这个枚举似乎并没有什么用在设置时仍然需要用枚举对应串并且图表类型设置实在DataSeries对象上而不是Chart对象如下代码所示:
运行后效果如下图所示:
有关Visire就简单介绍这么多大家可以去查看相关文档
相关资源 下载Visire项目开发包
源代码:http://code.google.com/p/visire/
SVN地址:http://visire.googlecode.com/svn/trunk
在线文档:http://www.visire.com/visire_charts_documentation.php
整理总结 本文简单介绍了使用Visire项目在Silverlight 2中实现图形报表希望对大家有所帮助
最新评论