vue echarts左右间距调整左右空白问题及解决
更新时间:2025年04月28日 15:06:18 作者: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
},
})总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
vue3 开始时间与结束时间比较验证(结束时间需要大于开始时间)
本文通过示例代码介绍了vue3 开始时间与结束时间比较验证(结束时间需要大于开始时间)的相关操作,代码简单易懂,感兴趣的朋友跟随小编一起看看吧2024-07-07
解决vue更新路由router-view复用组件内容不刷新的问题
今天小编就为大家分享一篇解决vue更新路由router-view复用组件内容不刷新的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
antfu大佬的v-lazy-show教我学会了怎么编译模板指令
这篇文章主要介绍了antfu大佬的v-lazy-show,我学会了怎么编译模板指令示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-04-04


最新评论