echarts 坐标轴两侧留白 boundrygap

1.开发环境 vue+echarts
2.电脑系统 windows10专业版
3.在应用echarts+vue开发的过程中,官网案例批改之后效果图:

依据这个图,咱们看到了 折线并没有铺满整个盒子,x轴的两边都留了一些间距,这样的成果在不同的我的项目中是不能够的,想要的是线条铺满这个盒子,实现办法如下:

4.批改过后的效果图如下:

如何实现呢?在x轴中增加如下代码:boundaryGap: false,  //配置的意思:坐标轴两边是否留白,默认值是 true

5.本期的分享到了这里就完结啦,是不是很nice,心愿对你有所帮忙,让咱们一起致力走向巅峰!