百度echarts 3.0版本和2.0版本的兼容问题

前一段时间，项目中要用到统计图表，之前也用过jqplot的图表插件，这次开发的内容中基于地图的展示还很多，所以后来选择了百度的echarts插件（echarts.baidu.com）。刚开始用的时候，版本是2.0的，后来在项目的开发过程中，echarts升级到了3.0,3的版本和2的版本在结构上有很多不同的地方，也有很多2.0版本不具备的功能。但是有的时候，可能是未完全掌握3.0版本的缘故，有的功能在2.0正常使用，但是3.0版本却展示有些许问题。如果全都是2.0版本开发的或者全是3.0版本开发的还好，但是有的页面2.0版本开发的功能和3.0版本开发的功能都同时存在，这时候就会有一些不兼容的问题。

一开始我是这样引用的

<script src="~/Content/js/echarts2.0/echarts.js"></script>
<script src="~/Content/js/echarts2.0/chart/bar.js"></script>
<script src="~/Content/js/echarts2.0/chart/pie.js"></script>

<script src="~/Content/js/echarts3.0/echarts.js"></script>

<script>

require.config({
 paths: {
 echarts: '../../Content/js/echarts2.0'
 }
});

$(function () {

这里先调用2.0中echarts的绘制方法，再调用3.0的方法

})

</script>

 

发现echart3的图表没有显示，查看chrome控制台，报错信息为“echarts is not defined”

ok，调整一下调用顺序，代码如下：

<script src="~/Content/js/echarts3.0/echarts.js"></script>

<script>
$(function () {

这里先调用3.0中echarts的绘制方法

})

</script>

<script src="~/Content/js/echarts2.0/echarts.js"></script>
<script src="~/Content/js/echarts2.0/chart/bar.js"></script>
<script src="~/Content/js/echarts2.0/chart/pie.js"></script>

<script>
$(function () {

这里先调用2.0中echarts的绘制方法

})

</script>

 

这样问题就解决了，但是具体原因不知道为什么