echarts怎么实现堆积柱状图,数据来源数据库

echarts怎么实现堆积柱状图,数据来源数据库,第1张

多簇并列的两层以内堆积柱形图 由于EXCEL图表中的堆积柱形图不能并列,制作并列的堆积柱形图不能直接实现,需要借助簇状柱形图的主次坐标轴用次坐标轴图形覆盖主坐标轴图形的办法实现 制作步聚: (1) 分别确定在主次坐标轴上的数据

您使用的是什么语言,什么数据库啊,一般你下载链接类,实例化它写在你的链接参数可以连接到数据库呢。

例如php + mysql的

$康恩=新db_MySQL();

$康恩 - >服务器=主机“:”。端口;

$康恩 - >数据库=数据库名;

$康恩 - >用户=用户;

$康恩 - >密码=密码;

$康恩 - >连接() ;

@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怎么实现堆积柱状图,数据来源数据库全部的内容,包括:echarts怎么实现堆积柱状图,数据来源数据库、echarts使用动态数据库、在java EE中怎么使用Echarts等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9689738.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存