Fusionchart 繪製雙柱圖

優點：通過fusionchart能繪製具有flash動態效果的報表圖像。

前提：Fusioncharts.js,MSColumn2D.swf，這是所需要的。關於fusionchart，不多說，網上可以查到詳細的分析和例子，這裏只寫出最近本人親自的一個小例子。

說下流程，用的是ajax請求，後臺生成一個funsionchart認識的一些標籤元素，然後返回結果時，交由Fusioncharts.js這個包裝好的js處理，其有兩個方法，具體代碼如：

var chart = new FusionCharts(baseUrl+'/charts/MSColumn2D.swf+'?ChartNoDataText=正在加載數據...', "ChartId", "100%", divHeight, "0", "1");
		chart.setDataXML(result.data);<!--result.data爲ajax返回數據，就是後臺生成的chart標籤-->	
	        chart.render("LeftContainer");<!--LeftContainer，爲顯示效果的容器，本人用的的是div-->

生成的標籤大致如下，即ajax返回的數據

<chart xAxisName='藥品名' yAxisName='庫存數量' caption='藥品庫存統計圖' baseFontSize='12' shownames='1' showvalues='1' useRoundEdges='1'>
	<categories>
		<category label='雙黃連顆粒'/>
		<category label='葛根素'/>
		<category label='雙氯芬酸鉀'/>
		<category label='羅紅黴素'/>
	</categories>
	<dataset seriesName='剩餘量' color='AFD8F8'>
		<set value='100'/>
		<set value='100'/>
		<set value='100'/>
		<set value='100'/>
	</dataset>
	<dataset seriesName='最小量' color='F6BD0F'>
		<set value='1000'/>
		<set value='1000'/>
		<set value='1000'/>
		<set value='1000'/>
	</dataset>
</chart>

效果圖如下：

通過圖和代碼的對照，很容易能夠得出fusionchart繪圖的一些屬性設置。