Echarts adjusts the spacing between the top, bottom, left and right of the chart, and Echarts adjusts the spacing between the left and right of the column chart

Echarts adjusts the spacing between the top, bottom, left and right of the chart, and Echarts adjusts the spacing between the left and right of the column chart

 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

©Copyright Sweet Potato Yao May 5, 2017

http://fanshuyao.iteye.com/

 

A histogram report is made as follows:

 

However, the figure is not aligned with the table below, and the margins need to be adjusted.

 

Increase the Grid property in the option to control the spacing between the top, bottom, left, and right, as follows:

grid: {
     left: '8%',
     right: '0',
    bottom: '1%',
    containLabel: true
}

  grid

Drawing grid in the Cartesian coordinate system, a single grid can place up to two X-axes up and down, and two Y-axes left and right. Line graphs , column graphs , scatter graphs (bubble graphs) can be drawn on the grid .

For documentation see: http://echarts.baidu.com/option.html#grid

 

The final effect is as follows:

 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

©Copyright Sweet Potato Yao May 5, 2017

http://fanshuyao.iteye.com/