silverlight图表:在Silverlight 2中实现超酷图表

  引言  Silverlight对于图形图像处理方面从1.0时代起就给予了很强大支持所以我们可以在Silverlight中实现非常棒各种统计图表然而现在有了些开源项目使得这项工作更加简单

  简单图表  首先我们需要下载Visire项目Silverlight开发包在建立完项目后添加对Visire.Charts.dll和Visire.Commons.dll集引用添加命名空间:

在Silverlight 2中实现超酷图表

  创建图表此处LayoutRoot是我们放置图表Control控件它可以使Grid、StackPanel或者Canvas等Control控件

在Silverlight 2中实现超酷图表

  添加数据这里为了简单起见随机创建了 6组数据注意我们需要把DataPo数据添加到DataSeries对象Children属性中而不能添加在DataPos属性上:

在Silverlight 2中实现超酷图表

  添加图表到容器上面:

在Silverlight 2中实现超酷图表

  最后完整代码如下所示:

在Silverlight 2中实现超酷图表

  现在运行后可以看到效果如下图所示:

在Silverlight 2中实现超酷图表

  当鼠标放在图表上时可以显示具体数值:

在Silverlight 2中实现超酷图表

  去除水印  我们注意到在上面图形右上角添加了“Powered by Visire”水印效果好在Visire给我们提供了个属性可以隐藏该水印效果:

在Silverlight 2中实现超酷图表

  现在运行后可以看到水印效果已经隐藏:

在Silverlight 2中实现超酷图表

  实现3D效果  除此的外还可以实现3D效果图表通过View3D属性来设置如下代码所示:

在Silverlight 2中实现超酷图表

  运行后效果如下图所示:

在Silverlight 2中实现超酷图表

  设置图表Theme  在Visire中我们还可以为图表设置Theme内置有3种Themes它们默认动画类型以及颜色集合如下表所示:

在Silverlight 2中实现超酷图表

  设置Theme如下代码所示:

在Silverlight 2中实现超酷图表

  运行后效果如下图所示:

在Silverlight 2中实现超酷图表

  设置动画类型  Visire还可以指定图标加载时动画类型内置了5中动画类型它们描述如下所示:

在Silverlight 2中实现超酷图表

  设置动画类型:

在Silverlight 2中实现超酷图表

  这样在加载图表时可以显示区别动画Visire项目代码还需要进步完善很多东西都没有使用枚举而是用串来表示如上面提到Theme和AnimationType等

  设置颜色集合  Visire内置了很多图标颜色集合我们可以为最终生成图表设置颜色如下代码所示:

在Silverlight 2中实现超酷图表

  最终生成图表效果如下图所示:

在Silverlight 2中实现超酷图表

  设置图表类型  Visire中内置了各种图表类型包括柱状图饼图等它提供了ChartTypes枚举:

在Silverlight 2中实现超酷图表

  但是这个枚举似乎并没有什么用在设置时仍然需要用枚举对应并且图表类型设置实在DataSeries对象上而不是Chart对象如下代码所示:



在Silverlight 2中实现超酷图表

  运行后效果如下图所示:

在Silverlight 2中实现超酷图表

  有关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中实现图形报表希望对大家有所帮助



Tags:  silverlight.2.0 silverlight是什么 silverlight silverlight图表

延伸阅读

最新评论

发表评论