FusionChart开发注意事项.docxVIP

关于FusionChart的使用 以前使用的FusionChart的版本太低导致支持到IE8，现在已经将FusionChart升级到V3.1 是FusionChart的操作手册，里面有很多不同的图形统计的实例如下： 如果想知道图形中数据的格式，可以点击View XML按钮如下图： 在页面中使用FusionChart的方法如下： 在页面中需要引入FusionCharts.js nbean:css foldar=scripts path=platform/FusionCharts.js / 引入JQUERY 在当前页面中构造XML数据格式： div align=center id=data_ysb font color=blueb对不起，当前您的浏览器无法加载FLASH 图，请安装相关插件/b/font /div c:set var=xmldata_ysb scope=request chart caption=Production Forecast yAxisName=Units bgColor=F7F7F7, E9E9E9 numVDivLines=10 divLineAlpha=30 labelPadding =10 yAxisValuesPadding =10 showValues=1 rotateValues=1 valuePosition=auto categories category label=2006/category !-- 请注意，必须要以规范的格式来构造XMLcategory/category,这样可以在高版本的IE中支持 -- category label=2007 /category category label=2008 /category category label=2009 /category category label=2010 /category category label=2011/category /categories dataset seriesName=Model A12 color=A66EDD set value=35 /set!-- 请注意，必须要以规范的格式来构造XMLset/set,这样可以在高版本的IE中支持 -- set value=42 /set set value=31 /set set value=28 /set set value=34 /set set value=30 /set /dataset dataset seriesName=Model A15 color=F6BD0F set value=22 /set set value=25 /set set value=18 /set set value=22 /set set value=17 /set set value=16 /set /dataset /chart /c:set !-- 将数据输出在div中、 在这里 把 前面 已经设置好 的 的XML 字符 缓存 到 DIV 当中，这样 就可以让 FLASH 图 直接 取这里面的HTML 字符 ，但是这个 HTML 字符 是我们 的前面 拼成 的标准 FLASH XML 字符数据。 相当于缓存一次, 把这个节点设置为 在显示 当中不显示 。-- div style=display: none id=data_1 ${xmldata_ysb} /div nbean:css foldar=scripts path=platform/FusionCharts.js / nbean:css foldar=scripts path=plugin/jquery-1.3.2.min.js / script type=text/javascript //实例化视图对象,可以根据实际的业务需求 来 实例化不同的 SWF 对像 var myChart = new FusionCharts(/ywxtbz/pages/platform/chart/MSLine.swf,myChartId,800,200); //将data Div的html存入新对象中 // 取出来 的数据 其实是 一个 标准的XML 文档。直接 设置图形格式 var datas = $(#data_1).html(); //方法的参数是一个完整的xml字符串 myChart.setDataXML(datas); //把图形渲染到指定的地方 myChart.render(data_ysb); /script 在其他页面中构造XML数