其他分享
首页 > 其他分享> > echarts 折线图左右两侧的空白如何去掉 line

echarts 折线图左右两侧的空白如何去掉 line

作者:互联网

echarts 折线图左右两侧的空白如何去掉 line

这里说的不是 option.grid 中的边界,而是折线图内部图形相对于左右两侧的空白,看前后的对比

请添加图片描述
请添加图片描述

配置

只需要在 option.xAxis 中设置 boundaryGapfalse 即可,默认值是 true

xAxis: { // 横坐标轴
    boundaryGap: false,
}

官方对于 boundary 的说明: https://echarts.apache.org/zh/option.html#xAxis.boundaryGap

标签:option,boundaryGap,空白,xAxis,折线图,line,echarts
来源: https://blog.csdn.net/KimBing/article/details/122474794