java 结合FusionCharts使用
首先了解FusionCharts的API及相关属性。今天再项目上面使用简单跟大家一起分享下:
我们前台使用miniui(其实和easyui差不多)。上代码:页面是一个div。
<a class="arrowctrl arrow-down" id="showCharts" onclick="showCharts()">统计图表</a>
<div class="charts" style="display:none;font-size:12px;">
<div id="chartdiv1"></div>
grid.load({params:json,startTime:startTime,endTime:endTime},
function(data){
var chartData = data.result.chartData;
loadChart("chartdiv1","采购任务统计图","公司名称","任务数","useRoundEdges='1' ",chartData,"COMPNAME","PROJECTCOUNT","Column2D.swf",1100,400);
});
这个是页面展示。下面是后台查询:
用最简单的jdbc查询
StringBuffer sqlChart =new StringBuffer();sqlChart.append(" select p.c_createcomp compId, ");
sqlChart.append(" (select c.c_compname from 表名 c where c.c_id = p.c_createcomp) compname, ");
sqlChart.append(" count(1) projectCount ");
sqlChart.append(" from 表名 p ");
因为我这个框架用的springMVC基于注解模式的,所以方法上面添加@ResponseBody注解之后返回到列表页面。
第二种:
grid.load({compId:selectorg,startTime:startTime,endTime:endTime},function(data){
var chartData = data.result.chartData;
loadChart("chartdiv1","采购方式占比图","","","use3DLighting='0'",chartData,"STOCKTYPENAME","AMOUNTSUM","Pie2D.swf",1100,400);
});
如图所示:
希望有所帮助。