zoukankan      html  css  js  c++  java
  • 百度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>

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

  • 相关阅读:
    C语言第三次博客作业---单层循环结构
    C语言第二次博客作业---分支结构
    C语言第一次博客作业——输入输出格式
    C语言--第0次作业
    Codeforces Round #341 Div.2 A. Wet Shark and Odd and Even
    Sources
    kuangbin_SegTree E (HDU 1698)
    (MST) HDOJ 1102 Constructing Roads
    kuangbin_SegTree B (HDU 1754)
    kuangbin_SegTree A (HDU 1166)
  • 原文地址:https://www.cnblogs.com/bayu/p/6401635.html
Copyright © 2011-2022 走看看