关于echarts插件图表渲染后四周留有大量空白区域解决

最近一直在做报表，报表中需要用到大量的图形展示， echarts 图表在渲染出来后四周留有大片的空白区域，看起来总是感觉不舒服，如下图：

红色区域为设置echarts的大小区域范围，而真渲染出来的四周并没有铺满。

解决方法：参考 Echarts 配置项属性：grid,（附上地址：https://echarts.apache.org/zh/option.html#grid）

其中 grid 有四个属性值： top , right , bottom , left 分别控制 canvas 距离容器四周的距离。参考文档设置了一下我当前的页面距离容器距离：12px;

结果如下：

到此就完美解决。