解决Echarts柱状图上的数字重叠问题
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决Echarts柱状图上的数字重叠问题相关的知识,希望对你有一定的参考价值。
参考技术A 问题描述:柱状图个别数值太小,数字重叠,看不清数字(如下图)stack 属性赋值不一样的时候,柱状图就会分开显示,如果赋值一样,那么这些数据都会显示到一个柱子上。
显示效果如下
这样改还有一个问题,就是如果数据组数太多的时候,柱状图太多会跌在一起,这时我们在请求拿到数据赋值的时候,约束只显示5组数据就可以了
显示效果如下
根据最大值动态隐藏:在本地定义一个数组的最大值maxNum,请求拿到数据的时候遍历数组,拿到数组的最大值并赋值给maxNum,当最大值是数值的10倍就隐藏该数值
以上是关于解决Echarts柱状图上的数字重叠问题的主要内容,如果未能解决你的问题,请参考以下文章