学步园

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

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

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

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

xml文件的代码：

<?xml version="1.0" encoding="UTF-8"?><br /> <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"><br /> <categories font="Arial" fontColor="000000" fontSize="18"><br /> <category name="A-0"/><br /> <category name="A-1"/><br /> <category name="A-2"/><br /> <category name="A-3"/><br /> <category name="A-4"/><br /> <category name="A-5"/><br /> <category name="A-6"/><br /> <category name="A-7"/><br /> <category name="A-8"/><br /> <category name="A-9"/><br /> <category name="A-10"/><br /> </categories><br /> <dataset color="FF0000" seriesname="ѷ"><br /> <set value="84" link="inventory_list.jsp?id=7&viewid=1&name=A"/><br /> <set value="32" link="inventory_list.jsp?id=8&viewid=1&name=A"/><br /> <set value="48" link="inventory_list.jsp?id=9&viewid=1&name=A"/><br /> <set value="55" link="inventory_list.jsp?id=10&viewid=1&name=A"/><br /> <set value="37" link="inventory_list.jsp?id=11&viewid=1&name=A"/><br /> <set value="48" link="inventory_list.jsp?id=12&viewid=1&name=A"/><br /> <set value="80" link="inventory_list.jsp?id=13&viewid=1&name=A"/><br /> <set value="23" link="inventory_list.jsp?id=14&viewid=1&name=A"/><br /> <set value="42" link="inventory_list.jsp?id=15&viewid=1&name=A"/><br /> <set value="43" link="inventory_list.jsp?id=16&viewid=1&name=A"/><br /> <set value="14" link="inventory_list.jsp?id=17&viewid=1&name=A"/><br /> </dataset><br /> <dataset color="00FF00" seriesname="ɷ"><br /> <set value="12"/><br /> <set value="59"/><br /> <set value="52"/><br /> <set value="71"/><br /> <set value="54"/><br /> <set value="52"/><br /> <set value="46"/><br /> <set value="68"/><br /> <set value="58"/><br /> <set value="83"/><br /> <set value="58"/><br /> </dataset><br /> </graph>