自学内容网 自学内容网

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
                },
            })

 


原文地址:https://blog.csdn.net/yunhuaikong/article/details/143567327

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!