![](https://img.haomeiwen.com/i11641935/7f13fff530774ef6.png)
当数据量太大、文本太长时,导致X轴文字显示不全
网上找到的解决方案几乎全是修改xAxis的
boundaryGap
属性,官方文档中也提到使用boundaryGap
属性解决,但是实际测试下来发现并没有效果,无论是true、false或者是数组类型百分比值最终解决方案是采用
min max
属性解决,该方法可以控制X轴最小或者最大展示的起始终止位置:
...
xAxis: {
type: 'category',
min: 100, //控制X轴起始类目
max: 500, //控制X轴终止类目
data: []
}
...
最终显示如下:
![](https://img.haomeiwen.com/i11641935/c8474d48fd27ce35.png)
网友评论