首页 前端知识 echarts使用踩坑记录

echarts使用踩坑记录

2025-03-12 12:03:15 前端知识 前端哥 574 712 我要收藏

需求是要实现这样一个效果图

首先是设置外层的柱状图和里层柱状图的设置,需要一个xaxis对应两个yaxis的配置 series也需要配置两个

需要将yAxisIndex对应,需要注意的是 外层的要放在series的第一个 因为第二个的图层会覆盖在第一个图层上。

接着是设置两个y轴的标签位于柱状图的上方,将对yaxis进行配置即可,主要是对padding的属性进行调整

有一个坑是设置柱状图之间的距离的时候用barCategoryGap进行配置,但是一直不生效,后面发现是整体的高度限制了,给整体的高度设置高了就可以了

转载请注明出处或者链接地址:https://www.qianduange.cn//article/23425.html
标签
评论
发布的文章

linux常见操作命令

2025-03-05 18:03:10

GPT-4.5

2025-03-12 12:03:19

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!