Echarts如何去图像周围的空白

  我们可以通过 grid 属性来控制直角坐标系内绘图网格四周边框位置，具体有如下配置项：

• x：直角坐标系内绘图网格与左侧距离，数值单位 px，支持百分比（字符串），如：50%
• x2：直角坐标系内绘图网格与右侧距离，数值单位 px，支持百分比（字符串），如：50%
• y：直角坐标系内绘图网格与顶部距离，数值单位 px，支持百分比（字符串），如：50%
• y2：直角坐标系内绘图网格与底部距离，数值单位 px，支持百分比（字符串），如：50%

 

 

 var option = {

              backgroundColor:'#EFEFEF',

              tooltip : {

                  trigger: 'axis'

              },

              xAxis : [

                  {

                      type : 'category',

                      boundaryGap : false,

                      data : ['周一','周二','周三','周四','周五','周六','周日']

                  }

              ],

              yAxis : [

                  {

                      type : 'value',

                      axisLabel : {

                          formatter: '{value} °C'

                      }

                  }

              ],

              series : [

                  {

                      name:'最高气温',

                      type:'line',

                      data:[11, 11, 15, 13, 12, 13, 10]

                  },

                  {

                      name:'最低气温',

                      type:'line',

                      data:[1, -2, 2, 5, 3, 2, 0]

                  }

              ],

              grid: {

                x: 50,

                y: 25,

                x2: 30,

                y2: 35

              },

          };