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

解决前示

当数据量太大、文本太长时,导致X轴文字显示不全
网上找到的解决方案几乎全是修改xAxis的boundaryGap属性,官方文档中也提到使用boundaryGap属性解决,但是实际测试下来发现并没有效果,无论是true、false或者是数组类型百分比值
最终解决方案是采用min max属性解决,该方法可以控制X轴最小或者最大展示的起始终止位置:

        ...
        xAxis: {
          type: 'category',
          min: 100,  //控制X轴起始类目
          max: 500,  //控制X轴终止类目
          data: []
        }
        ...

最终显示如下:


解决后
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容