博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Echarts调整图表上下左右的间距,Echarts调整柱状图左右的间距
阅读量:6237 次
发布时间:2019-06-22

本文共 528 字,大约阅读时间需要 1 分钟。

Echarts调整图表上下左右的间距,Echarts调整柱状图左右的间距

 

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

©Copyright 蕃薯耀 2017年5月5日

http://www.cnblogs.com/fanshuyao/

 

做了个柱状图的报表,如下:

但是图和下面的表格没有对齐,需要做边距的调整。

 

 

在option内增加Grid属性控制上下左右的间距,如下:

Js代码  
  1. grid: {  
  2.      left: '8%',  
  3.      right: '0',  
  4.     bottom: '1%',  
  5.     containLabel: true  
  6. }  

  grid

直角坐标系内绘图网格,单个 grid 内最多可以放置上下两个 X 轴,左右两个 Y 轴。可以在网格上绘制,,。

文档见:http://echarts.baidu.com/option.html#grid

 

最后效果如下:

 

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

©Copyright 蕃薯耀 2017年5月5日

http://www.cnblogs.com/fanshuyao/

转载于:https://www.cnblogs.com/fanshuyao/p/6812312.html

你可能感兴趣的文章
网上商城bug总结
查看>>
小易是一个数论爱好者,并且对于一个数的奇数约数十分感兴趣。(PHP版本)
查看>>
LAMP
查看>>
金恒威10口M12车载工业交换机
查看>>
OSPF
查看>>
selenium登陆QQ邮箱出现appid is invalid
查看>>
重放***之无线门铃
查看>>
url地址栏编码
查看>>
loadrunner analysis graph settings
查看>>
animationFromTop
查看>>
Java多线程运行时序问题
查看>>
SEM如何做数据分析?
查看>>
Word文档怎么在线压缩变小?
查看>>
语音转文字如何在线转换的?
查看>>
区块链教程Fabric1.0源代码分析policy(背书策略
查看>>
平台化,中台化
查看>>
比你优秀的人都在努力,你还有什么理由浑浑噩噩
查看>>
无线传输更安全也更稳定
查看>>
ABB焊接机器人伺服电机维修常见故障
查看>>
oracle使用plsql插入数据中文乱码问题
查看>>