加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

echarts 调整图表大小的方法

(2017-07-20 09:33:30)
标签:

it

分类: ECharts

内部图表大小是与div容器大小相关的,如果想调整图表大小,调整div就可以了

如果是想调整图表与div间上下左右留白,则设置grid属性就可以了

https://gss0.baidu.com/9vo3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/bba1cd11728b4710c8e0861acbcec3fdfd03231c.jpg调整图表大小的方法" TITLE="echarts 调整图表大小的方法" />

code具体如下:

具体如下:

option = {

title:{

text:"价格指数"

        },

        grid:{

        x:25,

                y:45,

                x2:5,

                y2:20,

                borderWidth:1

        },

        ....

demo1:

option2 = {

title: {

show: true,

left: 'center',

},

grid:{

        y:10

 

        },

...........

demo1效果图:

http://s2/mw690/005H1zVBzy7cMF1iBLr71&690调整图表大小的方法" TITLE="echarts 调整图表大小的方法" />

标明:div2块内的Echart图调整上边距高度Y:10;

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有