锁定老帖子 主题:初始fusionchart
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2008-12-30
一次工作需要 让我认识了fusionchart 我现在用的版本是fusionchart(V3) 来看一个使用dataURL方式指定图表数据源的例子: ![]() ![]() ![]() ![]() ![]() ![]()
主要的代码是一段js脚本,首先声明并实例化一个对象FusionChaets,然后使用该对象的setDataURL方法为图表指定一个包含图表数据的xml文件作为数据源,最后使用该对象的render方法在id属性为chartdiv的div元素中生成图表。 上述对象的构造函数以及两个方法都是在FusionCharts.js文件中进行实现的,所以在包含上述代码的页面中应该首先包含对FusionCharts.js文件的引用。 当然,这里的Column2D.xml并不是一个随随便便的xml文件,它需要使用特定的标签、属性等,否则,相应的swf文件将不能正常解析并显示图表数据。 来看一下Column2D.xml的内容: ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
相对来说,这样的xml文件中的内容还是比较容易进行理解的,而且,FusionCharts的文档中提供了关于各种不同图表类型可以接受的xml文件标签、属性等的参考,参见文档中的“Chart XML Reference”部分。 通过比较不同类型的图表的xml数据格式,可能会发现,除了漏斗图、K线图、甘特图等特殊图表之外,同一类别中常见图表(如单序列图表中的2D柱状图、3D柱状图、2D折线图、2D饼图、3D饼图、2D条形图、2D面积图、2D圆环图)的xml文件格式是类似的,这样在特定应用中,当需要更改图表类型时,我们只需要将js中的FusionCharts对象重新实例化即可,而不需要更改具体的xml数据源。如上述2D柱状图更改为2D条形图时,我们可以使用以下函数: ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
此时,整个页面不必整个刷新,只需要刷新图表区即可。而且,很显然,这是一个比较简单的操作,需要注意:
另外,使用dataURL方式对图表进行指定的数据源,并不要求是一个实际存在的物理xml文件,可以是任何一个返回XML文件或片断的HTTP请求,只有这样,我们才能根据特定的查询条件或过滤表达式方便地从数据库中检索图表所需数据先是在图表上。很显然,这种方式下只能通过POST传递HTTP请求需要的参数,此时,需要注意的是由于FusionCharts对于特殊字符的敏感性,在为FusionCharts对象使用setDataURL指定参数时,该参数字符串中最好不要包含除了英文字符、数字、?、&和-之外的字符,当然,最好使用Javascript中的escape函数对其进行编码。
声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |
发表时间:2008-12-30
关键字: java 图形? 这和java有屁关系?
|
|
返回顶楼 | |
发表时间:2008-12-31
有呀 怎么没有 你的思想太低了
|
|
返回顶楼 | |
发表时间:2008-12-31
你不会用java生成xml 注意点素质
|
|
返回顶楼 | |
发表时间:2008-12-31
还狡辩,一点都不严谨
|
|
返回顶楼 | |
发表时间:2009-04-17
真的是跟java没关系
|
|
返回顶楼 | |
发表时间:2009-04-17
当你想做出漂亮的图形时 可以试试
|
|
返回顶楼 | |
发表时间:2009-07-20
很有关系啊,java web 也需要做报表的撒,我现在就在学这个.
|
|
返回顶楼 | |
发表时间:2009-07-20
恩 如果需要 我们可以交流
|
|
返回顶楼 | |
发表时间:2009-07-24
我们项目用到了这个工具
我想问一下你们的数据方面怎么做的 使用的setDataURL()还是用的setDataXML() 我用的是setDataURL() 每天需要通过java生成大量xml文件 |
|
返回顶楼 | |
浏览 7645 次