echarts 去除左侧空隙、空白

ECharts默认情况下上下左右是有一些空白区域的,白色背景下图表没被撑满就会显得丑丑的

类似这样:
echarts 去除左侧空隙、空白_第1张图片

去除后是这样:
echarts 去除左侧空隙、空白_第2张图片

好看了很多

解决方案:

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

示例代码:



    
    hangge.com
    
    



    
    

原文地址:https://www.hangge.com/blog/c...

grid属性支持的选项:
echarts 去除左侧空隙、空白_第3张图片

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

你可能感兴趣的:(echarts)