visifire 控件

visifire 控件引言Silverlight对于图形图像处理方面,从1.0时代起就给予了很强大的支持,所以我们可以在Silverlight中实现非常棒的各种统计图表,然而现在有了一些开源的项目,使得这项工作更加的简单。本文我将介绍一个开源的项目visifire,使用它可以在Silverlight2中实现超酷的图表。简单图表首先我们需要下载Visifire项目Silverlight开发包,在建立完项…

大家好,又见面了,我是你们的朋友全栈君。

引言

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

本文我将介绍一个开源的项目visifire,使用它可以在Silverlight 2中实现超酷的图表。

简单图表

首先我们需要下载Visifire项目Silverlight开发包,在建立完项目后,添加对Visifire.Charts.dll和Visifire.Commons.dll程序集引用,添加命名空间:

TerryLee_0033

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

TerryLee_0035

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

TerryLee_0036

添加图表到容器上面:

TerryLee_0037

最后完整的代码如下所示:

TerryLee_0034

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

TerryLee_0038

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

TerryLee_0041

去除水印

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

TerryLee_0039

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

TerryLee_0040

实现3D效果

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

TerryLee_0043

运行后效果如下图所示:

TerryLee_0042

设置图表Theme

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

TerryLee_0044

设置Theme如下代码所示:

TerryLee_0045

运行后效果如下图所示:
TerryLee_0046

设置动画类型

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

TerryLee_0047

设置动画类型:

TerryLee_0048

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

设置颜色集合

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

TerryLee_0049

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

TerryLee_0050

设置图表类型

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

TerryLee_0051

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

TerryLee_0052

运行后效果如下图所示:

TerryLee_0053 

关于Visifire就简单的介绍这么多,大家可以去查看相关的文档。

相关资源

下载Visifire项目开发包

源代码:http://code.google.com/p/visifire/

SVN地址:http://visifire.googlecode.com/svn/trunk

在线文档:http://www.visifire.com/visifire_charts_documentation.php

转载于:https://www.cnblogs.com/yzjblog/archive/2011/01/11/1932716.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/162784.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • sntp 校时问题

    sntp 校时问题1 背景由于项目中的数据对时间比较敏感 目前常常出现校时问题 导致时间偏差 出现曲线数据丢失和曲线数据重复等问题 因此对 sntp 源码进行深入分析 要了解 SNTP 首先需要了解 NTP 协议 SNTP 是 NTP 的子集 简化了 NTP 的许多算法和步骤 得到了效率 但时间的精度不如 NTP 可是对于民用时间来说足够了 大概最多差距几秒的样子 NTP NetworkTimeP 网络时间协议 是由 RFC1305 定义的时间同步协议 用来在分布式时间服务器和客户端之间进行时间同步 NTP 基于 UDP 报

    2025年6月20日
    3
  • otn与stn网络_mstp和stn的区别

    otn与stn网络_mstp和stn的区别SDH、MSTP、OTN和PTN的区别和联系看了很多人写的关于SDH、PTN和O…SDH、MSTP、OTN和PTN的区别和联系_信息与通信_工程科技_专业资料。首…SDH与MSTP_信息与通信_工程科技_专业资料。一、判断题(共5道小题,共50.0分)1.以字节交错间插方式构成高阶STM-N(N>1)段开销时,第一个STM-1……MSTP、SDH+ATM、OT…

    2022年10月18日
    2
  • 怎么用python打开csv文件_使用Python从CSV文件读取数据

    怎么用python打开csv文件_使用Python从CSV文件读取数据CSV文件,也就是Comma-separatedValue文件,用sublime打开是这样(数据下载见文末):如果用excel打开是这样(千万别点保存,保存就有问题):来看看怎么打开,如果安装了anaconda,我们先打开JupyterNotebook,新建一个ipynb文件:我们看完数据了,应该从哪里开始?当然是从python官方文档开始!先搜下csv,找到不少结果,csv是python…

    2022年7月20日
    22
  • Latex 换行顶格、不缩进

    Latex 换行顶格、不缩进Latex换行顶格、不缩进,使用的命令为:\noindent在顶格的段落前面加上,此命令,就可以。

    2022年5月14日
    185
  • android之VOLD:staging目录作用与ASEC文件 -总结[通俗易懂]

    android之VOLD:staging目录作用与ASEC文件 -总结[通俗易懂]/mnt/secure/staging来看一下mountVol代码 int Volume::mountVol() {    int rc = 0;    char errmsg[255];    const char *mountPath;         char devicePath[255];                sprintf(device

    2022年7月20日
    16
  • java 3DES (DESede/ECB/PKCS5Padding) 加解密[通俗易懂]

    java 3DES (DESede/ECB/PKCS5Padding) 加解密[通俗易懂]java3DES(DESede/ECB/PKCS5Padding)加解密

    2025年7月21日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号