http://yklovejava-163-com.iteye.com/blog/1889949
http://blog.csdn.net/mlz_2/article/details/22279889
csdn资源账号: shihuan830619@163.com也有UrlActionEditor.zip。
前提说明:
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.
然后双击那一行,就可以修改文字了,删除也行.
效果如图:
最后还是得说下:这个要付费的!
- 大小: 12 KB
- 大小: 6.3 KB
- 大小: 3.5 KB
- 大小: 17.1 KB
- 大小: 38.7 KB
- 大小: 674 Bytes
- 大小: 61.8 KB
- 大小: 1.3 KB
- 大小: 11.7 KB
分享到:
相关推荐
fusionCharts完美破解版:解决中文竖排不显示问题 FusionCharts 完美破解版,不是之前的36个,一共49个 包含FusionCharts使用手记 官方Demo 中文开发指南 解决中文乱码Demo Area2D.swf Bar2D.swf Bubble.swf Column...
FusionCharts 破解版 是中文文档,其中包括了开发需要的flash 和 配置的xml文件。 是很好的例子。 有意者请下载参阅
fusioncharts-suite-xt 3.4 最新版 完美破解版 个人破解,测试已完美去掉了水印 3.4版官方已经放弃了flash,改用完全使用javascript渲染的方式. 也可以只用压缩包中的fusioncharts.js覆盖官方版本 代码仅供个人...
已破解的FusionCharts图表SWF文件
FusionCharts3.1破解版(包含所有.SWF文件)
fusioncharts-suite-xt 3.5.1 最新版 完美破解版 个人破解,测试已完美去掉了水印 之前破解3.4版收2分.现在0分 也可以只用压缩包中的fusioncharts.js覆盖官方版本 代码仅供个人测试使用,其他用途本人概不负责 ...
Fusioncharts V3 破解版,Fusioncharts,Fusioncharts V3 破解版,Fusioncharts,Chm帮助文档
Fusioncharts 3.2 破解版 无水印
FusionCharts(破解)FusionCharts(破解)FusionCharts(破解)FusionCharts(破解)
FusionCharts3.2.2破解版本,测试可以正常使用,无水印,里面包括一个调用的简单例子。
FusionCharts+V3.2破解版.rar FusionCharts 破解版 下载
FusionCharts 3.31破解版
45万用户首选的跨平台、跨浏览器的JavaScript/HTML图表解决方案,本版本是FusionCharts XT 3.5.1的去水印版本,经测试可用,内附简单Demo,供学习研究参考。
FusionCharts 破解 去掉上面的广告,20多个图标类型
FusionCharts,报表工具,破解版
FusionCharts是InfoSoft Global公司的一个产品,InfoSoft Global 公司是专业的Flash图形方案提供商,他们还有几款其他的,基于Flash技术的产品,都非常的漂亮。 FusionCharts free 是一个跨平台,跨浏览器的flash...
fusioncharts-suite-xt 3.11.0 最新版 完美破解版 个人破解.本人多年不搞js了..再加上官方修改了加密方式. 所以这个版本破解是否成功本人没有确认过.... 有条件实验的兄弟麻烦汇报下结果,然后我再改 0分 也可以...
fusioncharts2.3 破解版 包括全部flash图形和文档。