echart x轴为time类型数据太多导致显示不全

2023-10-17  本文已影响0人  4ANH
解决前示
当数据量太大、文本太长时,导致X轴文字显示不全
网上找到的解决方案几乎全是修改xAxis的boundaryGap属性,官方文档中也提到使用boundaryGap属性解决,但是实际测试下来发现并没有效果,无论是true、false或者是数组类型百分比值
最终解决方案是采用min max属性解决,该方法可以控制X轴最小或者最大展示的起始终止位置:
        ...
        xAxis: {
          type: 'category',
          min: 100,  //控制X轴起始类目
          max: 500,  //控制X轴终止类目
          data: []
        }
        ...

最终显示如下:


解决后
上一篇下一篇

猜你喜欢

热点阅读