FusionCharts使用笔记

最近做一个可视化的东东，包括一个统计柱状图的需求，想到以前用的jfreechar效果实在不好，就在网上搜了下flash图表方面的东西，最终选择了fusionCharts，效果还是不错，我的这个需求比较简单，如下图：

就是显示出每个箱区的饱和度而已，红色的部分可以超链，点击后显示里面明细的列表页面。复杂的做法应该类似，我的思路是在后台用面向对象的思路构造对象，写了个根据对象生成生成了xml文件的类来生成xml文件，前台数据直接指向文件，本来想的不生成xml文件，直接返回xml文件流到页面展示的，结果怎么试汉字都是乱码，无奈下只能用先生成文件再引用这种方式，哪位高人要是知道页面引用文件流怎么不乱码请指导下，谢谢！

用法就不多说了，下下来里面带的示例都有代码，也很简单，这里只贴一下页面的代码和xml文件内容：

 

<jsp:include page="../Includes/FusionChartsRenderer.jsp" flush="true"> <jsp:param name="chartSWF" value="../FusionCharts/FCF_StackedColumn2D.swf" /> <jsp:param name="strURL" value="<%=filename%>" /> <jsp:param name="strXML" value="" /> <jsp:param name="chartId" value="myFirst" /> <jsp:param name="chartWidth" value="650" /> <jsp:param name="chartHeight" value="500" /> <jsp:param name="debugMode" value="false" /> <jsp:param name="registerWithJS" value="false" /> </jsp:include> 

xml文件的代码：

<?xml version="1.0" encoding="UTF-8"?> <graph caption="A" yAxisName="" showName="1" decimalPrecision="0" formatNumberScale="0" baseFont="" baseFontSize="18" bgColor="FFFFFF" animation="1" numdivlines="3" divLineColor="333333" showLegend="1" showColumnShadow="1" SYAxisMaxValue="0"> <categories font="Arial" fontColor="000000" fontSize="18"> <category name="A-0"/> <category name="A-1"/> <category name="A-2"/> <category name="A-3"/> <category name="A-4"/> <category name="A-5"/> <category name="A-6"/> <category name="A-7"/> <category name="A-8"/> <category name="A-9"/> <category name="A-10"/> </categories> <dataset color="FF0000" seriesname="ѷ"> <set value="84" link="inventory_list.jsp?id=7&viewid=1&name=A"/> <set value="32" link="inventory_list.jsp?id=8&viewid=1&name=A"/> <set value="48" link="inventory_list.jsp?id=9&viewid=1&name=A"/> <set value="55" link="inventory_list.jsp?id=10&viewid=1&name=A"/> <set value="37" link="inventory_list.jsp?id=11&viewid=1&name=A"/> <set value="48" link="inventory_list.jsp?id=12&viewid=1&name=A"/> <set value="80" link="inventory_list.jsp?id=13&viewid=1&name=A"/> <set value="23" link="inventory_list.jsp?id=14&viewid=1&name=A"/> <set value="42" link="inventory_list.jsp?id=15&viewid=1&name=A"/> <set value="43" link="inventory_list.jsp?id=16&viewid=1&name=A"/> <set value="14" link="inventory_list.jsp?id=17&viewid=1&name=A"/> </dataset> <dataset color="00FF00" seriesname="ɷ"> <set value="12"/> <set value="59"/> <set value="52"/> <set value="71"/> <set value="54"/> <set value="52"/> <set value="46"/> <set value="68"/> <set value="58"/> <set value="83"/> <set value="58"/> </dataset> </graph>