统计图FusionCharts
js部分:
$.post('serviceCountNew_createLineChart.action',queryString, function(date){
var width = $(window).width()-200;
var drivingSupportChart = new FusionCharts("js/app/FusionCharts/MSColumn3D.swf?S=FUSIONCHARTS.COM", "drivingSupportChart", width, "300", "0", "0" );
var newpath = "xml/serviceCharts"+ date +".xml";
drivingSupportChart.setXMLUrl(newpath);
drivingSupportChart.render("chartDiv");
});
jsp:
<div style="width:880px;padding:5px;" id="chartDiv">
xml格式:
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<chart xAxisName="时间" subCaption="周报表统计图" showValues="0" palette="2"
numDivLines="2.5" legendPosition="BOTTOM" formatNumberScale="0"
decimalPrecision="0" basefontsize="12" animation="1">
<categories>
<category label="Week 33, 2012" />
<category label="Week 32, 2012" />
<category label="Week 31, 2012" />
<category label="Week 30, 2012" />
<category label="Week 29, 2012" />
<category label="Week 28, 2012" />
<category label="Week 27, 2012" />
</categories>
<dataSet seriesName="在线音乐">
<set value="0" />
<set value="0" />
<set value="0" />
<set value="0" />
<set value="0" />
<set value="0" />
<set value="0" />
</dataSet>
<dataSet seriesName="在线视频">
<set value="37" />
<set value="146" />
<set value="391" />
<set value="113" />
<set value="301" />
<set value="505" />
<set value="107" />
</dataSet>
</chart>
附件是FusionCharts一些flash文件(线形图、柱形图)

- 大小: 50.3 KB

- 大小: 30 KB
分享到:
相关推荐
FusionCharts是一种制图组件,可以帮您为您的Web应用创建交互式的、数据驱动的图表、仪表盘和地图。它具有智能化、用户友好和创新等特点,可以将单调的数据转化为栩栩如生的图像,从而使您的Web应用更加的生动。它...
标题中的"FusionCharts.dll"文件是FusionCharts Free软件的核心组件,这是一款强大的图表生成工具,专门用于在Web页面上创建交互式、视觉效果丰富的图表。这个控件以单一的动态链接库(DLL)文件形式提供,使得集成...
FusionCharts是一款强大的JavaScript图表库,它允许开发者创建交互式且富有视觉吸引力的数据可视化图表。在Web应用中,数据图表的展示是传达信息、分析数据和做出决策的关键工具。FusionCharts支持多种图表类型,...
FusionCharts是一款强大的JavaScript图表库,它提供了丰富的图表类型和高度自定义的选项,用于创建交互式的、数据可视化效果。本压缩包中的“fusionCharts导出相关资料打包”集成了关于如何实现FusionCharts图表自动...