FusionCharts完全透明化（二）

项目中用到的FusionChart，本人第一次使用该插件，水平有限，欢迎指正。

由于要求是生成的flash完全透明，如图：,

此时为黑色背景，当为蓝色背景时如图：。

下面介绍如何操作才能将生成的flash完全透明。

1.修改FusionCharts.js。找到：

if(c) { this.addParam('bgcolor', c); }

添加上：

else {this.addParam('wmode','transparent');}

2.在javaScript中声明新fusioncharts对象时：

var myChart = new FusionCharts("Line.swf", "myChartId", "400", "200");
			myChart.setDataURL("line.xml");
			myChart.render("chartdiv");

在着色（render()方法之前）之前添加：

myChart.addParam("wmode", "transparent");

3.ok 马上就要好了哈。我们来到Line想对应的XML文件。

<chart  caption="人均配送率 单位：箱/人" 
bgColor='285919' 
bgAlpha='0'
 baseFontColor='#ADFF2F' 
canvasBgAlpha='10' 
 divLineColor='FFFFFF' divLineAlpha='50' 
numVDivlines='5' 
vDivLineisDashed='0' 
showAlternateVGridColor='0' 
lineColor='#CAFF70'
 anchorRadius='5' 
anchorBgColor='#007722' 
anchorBorderColor='red' anchorBorderThickness='2' 
showValues='0' 
toolTipBgColor='406181' 
toolTipBorderColor='406181' 
alternateHGridAlpha='0' 
labelDisplay='AUTO' 
canvaspadding='10'>

开始调色了哈，将bgColor设置为空，或者直接取消该属性，哦，这样是不对的，不信你看下效果：

莫名奇妙的多了不知道哪里冒出来的颜色，ok我们任意给他设置一个颜色，bgColor='165919' ,然后将bgalpha="0"[0-100],100就是完全不透明。0就是完全透明。ok 搞定。是不是变的透明了？ 好看了许多？