Question

一个页面中既有echarts2的图表也有echarts3的图表应该怎么做

Answer 1

内部图表大小是与div容器大小相关埋纯的，如果想调整图表大小，调整div就可以了如派薯果弯羡咐是想调整图表与div间上下左右留白，则设置grid属性就可以了具体如下：123456789101112 myChart.setOption({ title:{ text:"价格指数" }, grid:{ x:25, y:45, x2:5, y2:20, borderWidth:1 }, ....

Answer 2

通过修改echarts2的js文件的声明，来实现同一页面同时加载使用两个敏槐不同版本的echarts即可。

具体方法如下：

• 下载echarts2-all.js

• 放到static文件夹下

• index.html用script标签引入棚拿斗

• 

• 打开echarts2-all.js，选中所有的echarts字段（注意区分大小写），全部更改为echarts2
  

• 然后可以直接echarts2.init(dom)来使用

• 

  通俗的说法：

• 可以修链磨改其中一个echarts-all.js，就是把所有 echarts （完整单词）替换成 echarts2, 这样在实际用的时候，2的声明就是 echarts2.init()， 而3的声明就是 echarts.init() ; 这样就可以共用了。

• 例如：var myChart = echarts2.init(document.getElementById('map-chart'));