上面已经说过了，要使用FusionCharts Free，只需要在项目包含FusionCharts.js和22个对应不同类型图表的.swf文件即可。
FusionCharts.js的主要作用是用于创建一个FusionCharts对象，这个对象将负责控制不同类型图表对应的.swf文件在页面上的显示。这个js文件没有解决Flash动画的遮盖问题，如果需要的话，可以自己手动在函数getSWFHTML中进行相应的修改：
getSWFHTML: function() {
var swfNode = "";
if (navigator.plugins && navigator.mimeTypes && navigator.mimeTypes.length) { 
// netscape plugin architecture //去除flash文件遮盖 swfNode = '<embed type="application/x-shockwave-flash" src="'+ this.getAttribute('swf') +'" wmode="transparent" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') +'" '; //
} else { // PC IE swfNode = '<object id="'+ this.getAttribute('id') +'" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+ this.getAttribute('width') +'" height="'+ this.getAttribute('height') +'">'; swfNode += '<param name="movie" value="'+ this.getAttribute('swf') +'" />'; //去除flash文件遮盖 swfNode += '<param name="wmode" value="transparent" />'; var params = this.getParams(); //
} return swfNode;
}
图表是关于数据的可视化方案，那么如何为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文档或片断时，可能遇到麻烦
