乐趣区

关于echarts:echarts-坐标轴两侧留白-boundrygap

echarts 坐标轴两侧留白 boundrygap

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

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

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

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

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

退出移动版