在java EE中怎么使用Echarts

@Override

public Option selectRemoveCauses() throws BusinessException {

//查询前20

PageHelperstartPage(1, 20, false);

//数据库查询获取统计数据

List<Map<String, Object>> list = kc22MapperselectRemoveCauses();

//为了数据从大到小排列，这里需要倒叙

Collectionssort(list, new Comparator<Map<String, Object>>() {

@Override

public int compare(Map<String, Object> o1, Map<String, Object> o2) {

return -1;

}

});

//创建Option

Option option = new Option();

optiontitle("剔除药品")tooltip(Triggeraxis)legend("金额（元）");

//横轴为值轴

optionxAxis(new ValueAxis()boundaryGap(0d, 001));

//创建类目轴

CategoryAxis category = new CategoryAxis();

//柱状数据

Bar bar = new Bar("金额（元）");

//饼图数据

Pie pie = new Pie("金额（元）");

//循环数据

for (Map<String, Object> objectMap : list) {

//设置类目

categorydata(objectMapget("NAME"));

//类目对应的柱状图

bardata(objectMapget("TOTAL"));

//饼图数据

piedata(new PieData(objectMapget("NAME")toString(), objectMapget("TOTAL")));

}

//设置类目轴

optionyAxis(category);

//饼图的圆心和半径

piecenter(900,380)radius(100);

//设置数据

optionseries(bar, pie);

//由于药品名字过长，图表距离左侧距离设置180，关于grid可以看ECharts的官方文档

optiongrid()x(180);

//返回Option

return option;

}

代码中的注释很详细。

Service返回Option后，在Controller层返回，Controller层代码如下：

[java] view plain copy 在CODE上查看代码片派生到我的代码片

@RequestMapping(" >

ECharts提供用require作模块化加载入口使用类似于RequireJS、SeaJS模块化加载JS库使用require()初始化ECharts

贴链接篇文章式介绍何使用模块化加载ECharts使用模块化ECharts提供相应初始化

首先载源码页面引入lib/echarts-plain-mapjsplain-map未压缩版本

1

引入主文件直接使用init()实例化

1

2

3

4

5

您好，最近我一直在做数据可视化的前端工作，我用的最多的绘图工具是d3。d3有点像photoshop，功能很强大，例子也很多，但是学习成本也不低，做项目是需要较大人力投入的。3月底由在亚马逊工作的同学介绍下使用了一下echart，一个由百度前端发起的canvas国产类库（官网：>

以上就是关于在java EE中怎么使用Echarts全部的内容，包括:在java EE中怎么使用Echarts、echarts中的data数据为什么不能是null、extjs结合echarts，怎么实现数据的搜索功能等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！