echarts 去除左侧空隙、空白

ECharts默认情况下上下左右是有一些空白区域的,白色背景下图表没被撑满就会显得丑丑的
类似这样:
echarts 去除左侧空隙、空白
文章图片

去除后是这样:
echarts 去除左侧空隙、空白
文章图片

好看了很多
解决方案:
通过 grid 属性来控制直角坐标系内绘图网格四周边框位置,具体有如下配置项:
x:直角坐标系内绘图网格与左侧距离,数值单位 px,支持百分比(字符串),如:50%
x2:直角坐标系内绘图网格与右侧距离,数值单位 px,支持百分比(字符串),如:50%
y:直角坐标系内绘图网格与顶部距离,数值单位 px,支持百分比(字符串),如:50%
y2:直角坐标系内绘图网格与底部距离,数值单位 px,支持百分比(字符串),如:50%
示例代码:

hangge.com #main { position: absolute; top: 15px; bottom: 15px; left: 15px; right: 15px; }

原文地址:https://www.hangge.com/blog/c...
【echarts 去除左侧空隙、空白】grid属性支持的选项:
echarts 去除左侧空隙、空白
文章图片

官方文档地址:https://echarts.apache.org/ex...

    推荐阅读