解决Echarts柱状图上的数字重叠问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决Echarts柱状图上的数字重叠问题相关的知识,希望对你有一定的参考价值。

参考技术A 问题描述:柱状图个别数值太小,数字重叠,看不清数字(如下图)

stack 属性赋值不一样的时候,柱状图就会分开显示,如果赋值一样,那么这些数据都会显示到一个柱子上。

显示效果如下

这样改还有一个问题,就是如果数据组数太多的时候,柱状图太多会跌在一起,这时我们在请求拿到数据赋值的时候,约束只显示5组数据就可以了

显示效果如下

根据最大值动态隐藏:在本地定义一个数组的最大值maxNum,请求拿到数据的时候遍历数组,拿到数组的最大值并赋值给maxNum,当最大值是数值的10倍就隐藏该数值

以上是关于解决Echarts柱状图上的数字重叠问题的主要内容,如果未能解决你的问题,请参考以下文章

解决echarts中饼图标签重叠的问题

echarts在柱状图轴线上添加图片

Echarts堆叠柱状图

echarts中y轴数值出现小数的解决办法

echarts怎么动态添加多条柱形图

用echarts画柱状图怎么去掉y轴上的坐标