open-flash-chart2系列教程.docVIP

下载本文档

1
0
约7.69千字
约 12页
2017-02-14 发布于北京
举报
版权申诉

open-flash-chart2系列教程.doc

1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
7、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

open-flash-chart2系列教程

open-flash-chart2系列教程年底了，公司要统计销售数据，于是就找了几个开源免费的chart程序来研究，PHP/SWF Charts 和 FusionCharts Free，不过最终还是选择了Open Flash Char，官方提供了很多实例，而做订单的销售统计并不需要多么花哨的东西，OFC2的功能也已经足够强大了。2.0的版本数据格式完全用json来处理，非常灵活，官方提供了各种接口程序，包括PHP/PHP5、Pear、Python、Java、Dotnet，调用很简单 htmlhead?script type=”text/javascript” src=”js/swfobject.js”/scriptscript type=”text/javascript”swfobject.embedSWF(? “open-flash-chart.swf”, “my_chart”, “550″, “200″,? “9.0.0″, “expressInstall.swf”,? {”data-file”:”data.txt”}? );/script/headbodypHello World/pdiv id=”my_chart”/div/body/html 数据文件格式如下： {? “y_legend”:{??? “text”:?? “Time of day”,??? “style”: “{color: #736AFF;}”? },“elements”:[??? {????? type:????? line,????? colour:??? #736AFF,????? text:????? Avg. wave height (cm),????? font-size: 10,????? width:???? 2,????? dot-size:? 4,????? halo-size: 0,????? values :?? [1.5,1.69,1.88,2.06,2.21,2.34,2.43,2.48,2.49,2.47,2.40,2.30,2.17,2.01,1.83,1.64,1.44,1.24,1.05,0.88,0.74,0.62,0.54,0.50,0.50,0.54,0.61,0.72,0.86,1.03,1.22,1.41,1.61,1.81,1.99,2.15,2.29,2.39,2.46,2.49,2.48,{value:2.44,colour:#FF0000,tip:monkies},2.35,2.23,2.08]??? }? ], “x_axis”:{??? “labels”: {????? “rotate”: “vertical”,????? “labels”:[2:00am % ?,2:10,2:20,2:30,2:40,2:50,??????????????? 3:00am,3:10,3:20,3:30,3:40,3:50,??????????????? 4:00am,4:10,4:20,4:30,4:40,4:50,??????????????? 5:00am,5:10,5:20,5:30,5:40,5:50,??????????????? 6:00am,6:10,6:20,6:30,6:40,6:50,??????????????? 7:00am,7:10,7:20,7:30,7:40,7:50,??????????????? 8:00am,8:10,8:20,8:30,8:40,8:50,??????????????? 9:00am,9:10,9:20]??? }? },“y_axis”:{??? “max”:?? 3? }} 数据放在data.txt里，演示上一节提到open-flash-chart2的数据是通过存储在txt文件中，然后通过类似那个http://yoururl/chart.html?ofc=datafile.txt 这样的形式来加载不同的数据，当然ofc后面的参数可以是php文件，php类库的使用将在以后的教程中出现，本节将讨论使用js加载数据的另一种方法，代码如下：是script type=text/javascript src=js/json/json2.js/scriptscript type=text/javascript src=js/swfobject.js/scriptscript type=text/javascriptswfobject.embedSWF(open-flash-chart.swf, my_chart, 350, 200, 9.0.0);/scri