上面已经说过了,要使用FusionCharts Free,只需要在项目包含FusionCharts.js和22个对应不同类型图表的.swf文件即可。

    FusionCharts.js的主要作用是用于创建一个FusionCharts对象,这个对象将负责控制不同类型图表对应的.swf文件在页面上的显示。这个js文件没有解决Flash动画的遮盖问题,如果需要的话,可以自己手动在函数getSWFHTML中进行相应的修改:

 

    }

 

    图表是关于数据的可视化方案,那么如何为FusionCharts Free指定图表数据?

    上述的22个对应不同类型图表的.swf文件只能接受XML格式的数据作为图表数据源,可以有2种主要的向这些.swf文件提供数据的方式——

  • dataURL方式:指定一个指向包含图表数据的XML文档的URL,该方式对应的是FusionCharts对象的setDataURL方法
  • dataXML方式:指定一个XML片断,该方式对应的是FusionCharts对象的setDataXML方法

    这两种方式对应的XML数据是怎样传递到.swf文件的?使用FusionCharts.js文件创建的FusionCharts对象将负责连接用于图表显示的swf文件和图表要表现的数据源。

    除了这两种为图表指定XML数据的方法之外,还可以通过FusionCharts.js文件中实现的一个Javascript方法updateChartXML,这种方式可以看作是对dataXML方式的一个扩展。

    对于dataURL和dataXML方式如何进行选择?

    一般情况下,建议使用的传递图表数据的方式是dataURL方式:

  • 按照代码分离的原则,我们更希望可以单独管理图表数据XML文件和用于图表展示的HTML页面,相信没有人愿意在Javascript中使用变量保存一个结构可能很复杂的XML文档或片断
  • 由于用于接收图表数据的swf文件对于非英文字母的特殊字符的敏感性,我们使用Javascript变量构造一个XML文档或片断时,可能遇到麻烦

     FusionCharts Free(2)

    FusionCharts Free(2)

相关文章:

  • 2022-02-08
  • 2021-09-18
  • 2022-02-08
  • 2022-02-25
  • 2022-02-01
  • 2022-01-23
  • 2021-08-18
猜你喜欢
  • 2022-12-23
  • 2021-08-23
  • 2021-06-02
  • 2022-02-05
  • 2021-11-04
  • 2022-12-23
  • 2022-02-08
相关资源
相似解决方案