接口调研(二)报表工具

2009-10-19 16:48接口调研(二)报表工具

报表工具 fusionchart free
http://www.fusioncharts.com/free/download/

下载得到文件
FusionChartsFree.zip

文件路径
E:\book\opensource\chart\fusioncharts\FusionChartsFree\Charts\FCF_MSColumn3D.swf
E:\book\opensource\chart\fusioncharts\FusionChartsFree\JSClass\FusionCharts.js

拷贝到工作路径
FCF_MSColumn3D.swf
FusionCharts.js

数据XML文件1.xml
<graph xaxisname='Continent' yaxisname='Export' hovercapbg='DEDEBE' hovercapborder='889E6D' rotateNames='0' yAxisMaxValue='100' numdivlines='9' divLineColor='CCCCCC' divLineAlpha='80' decimalPrecision='0' showAlternateHGridColor='1' AlternateHGridAlpha='30' AlternateHGridColor='CCCCCC' caption='20000次对整数12序列化与反序列化的比较' shownames='1' showvalues='1' decimals='0' formatNumberScale='0' baseFont='Tahama' baseFontSize='12'>
<categories>
<category name='Java' />
<category name='PHPRPC' />
<category name='Hessian' />
<category name='Hessian2' />
<category name='Burlap' />
<category name='AMF3' />
<category name='json-lib' />
<category name='jsonplugin' />
</categories>
<dataset seriesname='序列化时间' color='FDC12E'>
<set value='265'/><set value='110'/>
<set value='109'/><set value='172'/>
<set value='93'/>
<set value='47'/>
<set value='125'/>
<set value='31'/>
</dataset>
<dataset seriesname='反序列化时间' color='56B9F9'>
<set value='704'/>
<set value='46'/>
<set value='31'/>
<set value='31'/>
<set value='63'/>
<set value='31'/>
<set value='3297'/>
<set value='31'/>
</dataset>
<dataset seriesname='空间' color='C9198D'>
<set value='81'/>
<set value='5'/>
<set value='5'/>
<set value='3'/>
<set value='13'/>
<set value='2'/>
<set value='2'/>
<set value='2'/>
</dataset>
</graph>

形如这样的XML，还有2.xml,3.xml等等

HTML展现页面report.html
<script type="text/javascript" src="FusionCharts.js"></script>
<div id="chartdiv1" align="center">FusionCharts. </div>
<script type="text/javascript">
    var chart = new FusionCharts("FCF_MSColumn3D.swf", "ChartId1", "600", "350", "0", "0");
    chart.setDataURL("1.xml");    
    chart.render("chartdiv1");
</script>
<div id="chartdiv2" align="center">FusionCharts. </div>
<script type="text/javascript">
    var chart = new FusionCharts("FCF_MSColumn3D.swf", "ChartId2", "600", "350", "0", "0");
    chart.setDataURL("2.xml");    
    chart.render("chartdiv2");
</script>
<div id="chartdiv3" align="center">FusionCharts. </div>
<script type="text/javascript">
    var chart = new FusionCharts("FCF_MSColumn3D.swf", "ChartId3", "600", "350", "0", "0");
    chart.setDataURL("3.xml");    
    chart.render("chartdiv3");
</script>
<div id="chartdiv4" align="center">FusionCharts. </div>
<script type="text/javascript">
    var chart = new FusionCharts("FCF_MSColumn3D.swf", "ChartId4", "600", "350", "0", "0");
    chart.setDataURL("4.xml");    
    chart.render("chartdiv4");
</script>
<div id="chartdiv5" align="center">FusionCharts. </div>
<script type="text/javascript">
    var chart = new FusionCharts("FCF_MSColumn3D.swf", "ChartId5", "600", "350", "0", "0");
    chart.setDataURL("5.xml");    
    chart.render("chartdiv5");
</script>
<div id="chartdiv6" align="center">FusionCharts. </div>
<script type="text/javascript">
    var chart = new FusionCharts("FCF_MSColumn3D.swf", "ChartId6", "600", "350", "0", "0");
    chart.setDataURL("6.xml");    
    chart.render("chartdiv6");
</script>
<div id="chartdiv7" align="center">FusionCharts. </div>
<script type="text/javascript">
    var chart = new FusionCharts("FCF_MSColumn3D.swf", "ChartId7", "600", "350", "0", "0");
    chart.setDataURL("7.xml");    
    chart.render("chartdiv7");
</script>
<div id="chartdiv8" align="center">FusionCharts. </div>
<script type="text/javascript">
    var chart = new FusionCharts("FCF_MSColumn3D.swf", "ChartId8", "600", "350", "0", "0");
    chart.setDataURL("8.xml");    
    chart.render("chartdiv8");
</script>
<div id="chartdiv9" align="center">FusionCharts. </div>
<script type="text/javascript">
    var chart = new FusionCharts("FCF_MSColumn3D.swf", "ChartId9", "600", "350", "0", "0");
    chart.setDataURL("9.xml");    
    chart.render("chartdiv9");
</script>
<div id="chartdiv10" align="center">FusionCharts. </div>
<script type="text/javascript">
    var chart = new FusionCharts("FCF_MSColumn3D.swf", "ChartId10", "600", "350", "0", "0");
    chart.setDataURL("10.xml");    
    chart.render("chartdiv10");
</script>
<div id="chartdiv11" align="center">FusionCharts. </div>
<script type="text/javascript">
    var chart = new FusionCharts("FCF_MSColumn3D.swf", "ChartId11", "600", "350", "0", "0");
    chart.setDataURL("11.xml");    
    chart.render("chartdiv11");
</script>
<div id="chartdiv12" align="center">FusionCharts. </div>
<script type="text/javascript">
    var chart = new FusionCharts("FCF_MSColumn3D.swf", "ChartId12", "600", "350", "0", "0");
    chart.setDataURL("12.xml");    
    chart.render("chartdiv12");
</script>

评论

1 楼 yue_1986_2010 2010-08-09  

baseFontSize='12' 可以解决seriesname文字大小问题 谢谢