开源的项目visifire,使用它可以在Silverlight 3中实现超酷的图表。
添加引用,
简单图表
首先我们需要下载Visifire项目Silverlight开发包,在建立完项目后,添加对Visifire.Charts.dll和Visifire.Commons.dll程序集引用,添加命名空间:
创建图表,此处的LayoutRoot是我们放置图表的控件,它可以使Grid、StackPanel或者Canvas等控件。
添加数据,这里为了简单起见随机创建了六组数据,注意我们需要把DataPoint数据添加到DataSeries对象的Children属性中,而不能添加在DataPoints属性上:
添加图表到容器上面:
最后完整的代码如下所示:
现在运行后,可以看到效果如下图所示:
当鼠标放在图表上时,可以显示具体的数值:
去除水印
我们注意到在上面的图形右上角添加了“Powered by Visifire”的水印效果,好在Visifire给我们提供了一个属性,可以隐藏该水印效果:
现在运行后可以看到水印效果已经隐藏:
实现3D效果
除此之外,还可以实现3D效果的图表,通过View3D属性来设置,如下代码所示:
运行后效果如下图所示:
设置图表Theme
在Visifire中,我们还可以为图表设置Theme,内置的有3种Themes,它们默认的动画类型以及颜色集合如下表所示:
设置Theme如下代码所示:
运行后效果如下图所示:
设置动画类型
Visifire还可以指定图标加载时的动画类型,内置了5中动画类型,它们的描述如下所示:
设置动画类型:
这样在加载图表时,可以显示不同的动画。Visifire项目代码还需要进一步完善,很多东西都没有使用枚举,而是用字符串来表示,如上面提到的Theme和AnimationType等。
设置颜色集合
Visifire内置了很多的图标颜色集合,我们可以为最终生成的图表设置颜色,如下代码所示:
最终生成的图表效果如下图所示:
设置图表类型
Visifire中内置了各种图表类型,包括柱状图,饼图等。它提供了ChartTypes枚举:
但是这个枚举似乎并没有什么用,在设置时仍然需要用枚举对应的字符串,(TO silverLight3 已修正)并且图表类型的设置实在DataSeries对象上,而不是Chart对象,如下代码所示:
运行后效果如下图所示:
分享到:
相关推荐
silverlight 时钟 控件silverlight 时钟 控件silverlight 时钟 控件silverlight 时钟 控件silverlight 时钟 控件silverlight 时钟 控件silverlight 时钟 控件
一款非常好的silverLiht图表控件,很好的支持柱形、饼形、线形等图表还有3D效果、WPF、silverlight、asp.net
简单的Silverlight 自定义控件源码。 通过它,可以知道基本的silverlight自定义控件是如何编写的。
有饼状图、线状图、点状图、钟表等各种图表19种。
visifire控件是一款备受欢迎的silverlight图表控件,闲暇之余学习了一下visifire图表控件,并将visifire图表制作silverlight图表的过程制作成视频,希望对初识visifire的人员有所帮助。
Silverlight (WPF)图表控件的集合,不用说了保证你需要
好看的silverlight分页控件,里面附有调用方法,呈现的样子,附有全部的源码,可随意的去修改
一般的日历控件只显示一个月,该Silverlight日历控件实现了2个月同时显示,点击年份选择年,点击月份选择月,控件样式美观,有需要的可以下载参考。 注意: 开发环境为Visual Studio 2010
silverlight菜单控件,很实用的自定义菜单控件
http://blog.csdn.net/gzy11/archive/2011/06/01/6460254.aspx Silverlight 自定义控件 模板化控件 (二)事件 源码
Silverlight鱼眼控件源码 Silverlight Windows7效果“鱼眼控件”,可以提高应用程序的用户体验!
学习用Silverlight创建自定义控件经典教程。
silverlight 显示gif动画控件,附例子~~~ http://www.dotnetdev.cn
Visifire_v3.6.5版的水印藏的很深,loadwatermark()方法已经搜索不到了。
Silverlight(3) - 2.0控件之Border, Button, Calendar, Canvas, CheckBox, ComboBox 介绍 Silverlight 2.0 控件一览:Border, Button, Calendar, Canvas, CheckBox, ComboBox 2、Silverlight(4) - 2.0控件之...
国外的免费silverlight2控件 http://www.vectorlight.net 关于treeview的演示 http://www.vectorlight.net/controls/tree_view.aspx 感觉不错
SilverLight入门级的控件说明,需要实例,联系QQ 853466904
Silverlight 自定义控件 模板化控件 (一)属性 http://blog.csdn.net/gzy11/archive/2011/01/13/6136940.aspx 此篇文章的示列代码。
Silverlight拖拉控件管理器2.0
如何在Silverlight控件中与Html元素交互