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

Posted 2023-05-01

参考技术A 内部图表大小是与div容器大小相关的，如果想调整图表大小，调整div就可以了如果是想调整图表与div间上下左右留白，则设置grid属性就可以了具体如下：123456789101112 myChart.setOption( title: text:"价格指数" , grid: x:25, y:45, x2:5, y2:20, borderWidth:1 , ....本回答被提问者采纳 参考技术B

通过修改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'));

echarts 图表重新加载,原来的数据依然存在图表上

问题

在做一个全国地图上一些饼图，并且向省一级的地图钻取的时候，原来的饼图依然显示

原因

echars所有添加的图表都在一个series属性集合中，并且同一个echars对象默认是合并之前的数据的，所以就会默认加载之前的数据

解决

将 series属性的值设为空，并且不合并之前series的值：myChart.setOption({series:[] },true);

参考

https://blog.csdn.net/qq_39759115/article/details/78730646

https://blog.csdn.net/u013817453/article/details/79840628