美文网首页
echart x轴为time类型数据太多导致显示不全

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

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

    最终显示如下:


    解决后

    相关文章

      网友评论

          本文标题:echart x轴为time类型数据太多导致显示不全

          本文链接:https://www.haomeiwen.com/subject/ylofidtx.html