java 结合FusionCharts使用

最新推荐文章于 2021-03-07 03:48:26 发布

果冻love小怪

最新推荐文章于 2021-03-07 03:48:26 发布

阅读量350

点赞数

CC 4.0 BY-SA版权

分类专栏： java 文章标签： fusioncharts

本文链接：https://blog.youkuaiyun.com/dan521chuang/article/details/78443979

java 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在miniui中使用FusionCharts实现数据可视化，包括两种不同的图表加载方式及后台查询实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先了解FusionCharts的API及相关属性。今天再项目上面使用简单跟大家一起分享下：

我们前台使用miniui（其实和easyui差不多）。上代码：页面是一个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);
        });

如图所示：

希望有所帮助。