echart图表位置调整

需要用到grid属性了

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

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

如图所示：

具体如下：

 第一种方法：

边缘与容器之间存在一定的间距。都是因为默认情况下grid的x、x2、y、y2做了数据设置。若想改变距离，则需要自己在options内对图表参数进行设置。

myChart.setOption({  
                title:{
                    text:"价格指数"
                },
                grid:{
                x:0, //左侧与y轴的距离 
                y:0, //top部与x轴的距离 
                x2:0, //右侧与y轴的距离 
                y2:0 //bottom部与x轴的距离
borderWidth:1 }, ....

第二种方法：

在grid中有四个属性：left right top botton ，可以用百分比和像素

grid:{
left: '5%', // 与容器左侧的距离
right: '5%', // 与容器右侧的距离
top: '5%', // 与容器顶部的距离
bottom: '5%', // 与容器底部的距离
},