vue echarts左右间距调整左右空白问题及解决
作者：zhaocarbon
这篇文章主要介绍了vue echarts左右间距调整左右空白问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue echarts左右间距调整左右空白
咱就说这样的左右间距丑不丑。。
经过调整后
嗯，好看了很多。页面也协调多了！
直接上代码
添加以下配置数据：
grid: {
x: 50,
y: 25,
x2: 30,
y2: 35
},this.chart.setOption({
width: '100%',
xAxis: {
show: false,
type: 'category',
axisLine: {
lineStyle: {
type: 'dashed',
color: 'red'
}
},
data: xData
},
yAxis: {
type: 'value',
splitNumber: splitNumber,
min: yMin,
max: yMax,
interval: interval
},
series: [
{
data: yData,
type: 'line'
}
],
grid: {
x: 50,
y: 25,
x2: 30,
y2: 35
},
})总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。