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注解之后返回到列表页面。

java 结合FusionCharts使用

第二种:

 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);
        });

如图所示:java 结合FusionCharts使用

希望有所帮助。