前提说明:
1. 最好不要用FusionCharts了,因为毕竟是付费产品,付费的话那肯定无可厚非.要是用破解版的话,而我们做这行的,这样做实在不是一件好事,不提倡.能不用就不要用了(不过实时图是没有破解版的,要通过去除水印的方式).
2. 关于Highcharts,使用过程中发现对于时间坐标的控制实在太费事,把握不好.弃之.
下面介绍的是用FusionCharts制作实时刷新图的过程(FusionCharts确实太好用了,~~o(>_<)o ~~).
1. 网上没什么例子可以参考,官网有,先下载FusionChartsSuiteXTEval.大概有164M(下载速度比较慢,估计得1~2个小时).
解压缩出来,主要关注以下几个目录:
▶ FusionChartsSuiteXTEval\FusionWidgets XT\Charts下的swf文件.这里使用的是RealTimeLine.swf.
▶ FusionChartsSuiteXTEval\FusionWidgets XT\Code\RealTime目录就是一些示例.
▶ FusionChartsSuiteXTEval\FusionWidgets XT\Contents\RealTime和FusionChartsSuiteXTEval\FusionWidgets XT\Contents\DataStreaming,主要是一些文档的参考.
2. 先把官方的例子跑起来.
官方只带了一个jsp的示例,我们将其配置到tomcat中.在server.xml中配置虚拟目录,指定到...FusionChartsSuiteXTEval\FusionWidgets XT目录.
最简单的示例:SimpleExample.html、Data.xml.这里将Data.xml文件中的dataStreamURL改为StockPrice.jsp.看一下StockPrice.jsp文件,其实很简单,就是打印这样的数据格式:&label=12:23:45&value=23.
刚刚那个只有一条线,现在看一个怎么样有两条线的:MultipleDS.html、MultipleDS.xml,这里官方没有提供了jsp的例子.我们可以看下StockPriceGoogDell.asp文件.不会asp没关系,其实我们只要关注最后一行的输出:
把官方的提供的StockPrice.jsp稍作修改,简单点就改成了这样:
效果如图:
关于输出的数据格式的问题,可以参考FusionChartsSuiteXTEval\FusionWidgets XT\Contents\RealTime目录下的RealTimeDataFormat.html文件.
3. 如何使用FusionCharts的js的API了来控制数据的改变.那就得参考FusionChartsSuiteXTEval\FusionWidgets XT\Contents\DataStreaming目录下的JSAPI.html和JSFeed.html.
JSFeed.html提供了比较完整的例子:
其中最重要的两点就是:
(1) 获取chart的ID:var chartRef = FusionCharts("ChId1");
(2) 更新数据:chartRef.feedData(strData);
只要掌握了这两点,就可以做一些稍微复杂些的例子了,比如下图一个页面上同时有多个实时刷新图:
4. 从上面可以看到实时图是有水印的:
如何去掉这个水印呢?
这里用到了URL Action Editor6.0.打开RealTimeLine.swf文件,然后搜索Trial.
然后双击那一行,就可以修改文字了,删除也行.
效果如图:
最后还是得说下:这个要付费的!
相关推荐
Fusioncharts制作蜡烛图(k线图)
本实例是fusioncharts实现实时数据更新的例子,开发语言是C#,支持数据库连接,但是我没写,你只需要把数据从数据库读出来,然后赋一个值。 实例中,我写了注释,很清楚的了。如果有不懂,欢迎私信来互相学习。
FusionCharts 甘特图制作案例 里面有直接读取XML文件的例子和数据从数据库获取的案例 以及相对应的控件和js
FusionCharts 导出内容+图片到word,导出到pdf等功能。
FusionCharts_柱状图详解
flash xml fusioncharts网页波动折线图走势 flash xml fusioncharts网页波动折线图走势 flash xml fusioncharts网页波动折线图走势
附件里有FusionCharts各种图表的例子,包括柱状图、曲线图、饼图、区域图等多种图形,动态生成图形,效果很炫,是制作数据显示图表的首选插件,简单易用,你还在等什么....
FusionCharts Free 统计图制作,统计图制作,完美的界面,轻松的编写过程!
【注意】只适合C#。 资源包中包含一个现成的实例; 最新FusionCharts.dll; FusionCharts.js; 多种.SWF文件。 可绘制折线图、矩形图 、雷达图及其他多种图片,导出图片。
FusionCharts是一个Flash的图表元件,它可以用来制作资料动画图表,其中动画效果用的是Adobe Flash制作的flash,FusionCharts可用于任何网页的脚本语言类似于HTML,.NET,ASP,JSP技术的,PHP, ColdFusion等,提供...
FusionCharts jsp页面 导出jpg pdf图片,有的例子
FusionCharts 示例 API 以及说明文档
FusionCharts 例子 在eclipse下制作 我自己写的,包含柱型和圆等。
里面的swf 我自己用过 绝对没有问题 另外使用fusioncharts的朋友 也希望你们与我交流
fusioncharts效果图
FusionCharts是一个Flash的图表组件,它可以用来制作数据动画图表,其中动画效果用的是Adob e Flash 8 (原Macromedia Flash的)制作的flash , FusionCharts可用于任何网页的脚本语言类似于HTML , .NET,ASP , ...
FusionCharts 区域图的例子,经过整理后,现在可以直接使用。
用过的人都知道FusionCharts生成的图片非常漂亮,那么怎么导出来呢? 大家肯定第一反应是想到了一个属性:exportaction。不过,这个属性提供了服务器端下载以及客户端下载,但是经过我多次试验后发现一个BUG:...
FusionCharts一个好用的报表工具,方便、高效、快速创建报表。各式报表应有尽有。
FusionCharts常用图形属性