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属性支持的选项:
文章图片
官方文档地址:https://echarts.apache.org/ex...
推荐阅读
- 开始你的第一个Echarts图表(分享自知乎网)
- 摩天轮与海盗船
- echarts插件-从后台请求的数据在页面显示空白的问题
- opencv|图像处理之椒盐噪声的添加与去除
- Pyecharts|Pyecharts 猎聘招聘数据可视化
- sed去除文本中的双引号
- 怎么去除狐臭,有什么好的方法
- Flutter实现左侧边栏导航
- 可视化图形制作之关系图
- pyecharts可视化大屏