echarts 调整图表 位置 的方法

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

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

如图所示:

 

具体如下:

 

 myChart.setOption({  
                title:{
                    text:"价格指数"
                },
                grid:{
                    x:25,
                    y:45,
                    x2:5,
                    y2:20,
                    borderWidth:1
                },
                ....

我在网上还找了一个其他的说法(但是我的图表没有起效,但是如果上面的方法不起效的话,也还是可以试试的,仅作收藏参考)

 

具体如下:

myChart.setOption({  
                title:{
                    text:"价格指数"
                },
                grid:{
                    left:'8%',
                    right:'0',
                    bottom:'1%',
                    containLabel:true
                },
                ....

 

posted @ 2018-09-03 14:56  无恨星晨  阅读(46522)  评论(0编辑  收藏  举报