Echarts的label在手机上显示的时候都重叠了,怎么解决

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Echarts的label在手机上显示的时候都重叠了,怎么解决相关的知识,希望对你有一定的参考价值。

参考技术A Introduce 许多人使用百度的echarts.js时候会出现数据名太长覆盖的情况,newline-echarts.js能够很好解决这种换行问题 Usage newline(option, 6, 'yAxis') 参数一:是你的option 参数二:是多少个字就换行 参数三:是x轴还是y轴 可选项 'yAxis' ...

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

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

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

显示效果如下

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

显示效果如下

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

以上是关于Echarts的label在手机上显示的时候都重叠了,怎么解决的主要内容,如果未能解决你的问题,请参考以下文章

输入在手机上被键盘重叠

ECharts的dataZoom怎么才能在手机上实现拖动

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

ECharts的dataZoom怎么才能在手机上实现拖动

echarts中label显示的样式设置问题

pie图轴标签label防重叠