文档章节

Echart 2.0 与 Echart3.0 混用

北极喵
 北极喵
发布于 2017/08/30 11:37
字数 292
阅读 34
收藏 1

今天在工作过程中遇到一个关于echart的问题,由于echart2.0与3.0的差异很大,许多2.0版本的方法在3.0版本中已经取消或者改写,所以可能需要混用2.0与3.0版本。

在echart3.0版本中,force图表已经改为graph图表,本人在项目中原本使用2.0版本的echart,但是开发过程中需要使用到3.0版本的graph图表,所以想要混用2.0与3.0版本。在2.0版本中,2.0的引用配置如下:

<script src="../echarts/echarts.js"></script>

 <script type="text/javascript">

require.config({
        paths: {
            echarts: ' ';//url路径
        }
    });

 </script>

代码中按需加载只需加载相应的图表即可。

require(['echarts',
       'echarts/chart/bar', // 使用柱状图就加载bar模块,按需加载
        'echarts/chart/line'
        ]
     , function (echart) {

        //echart图表初始化等

});

3.0版本中只需直接引用echart.js即可引用。

<script src="../echarts/echarts-3.0.min.js"></script>

2.0版本与3.0版本混用必须先加载3.0版本再加载2.0版本,才能同时使用,否则2.0版本可能覆盖3.0版本的配置信息,导致图表无法显示,echarts未定义等错误出现。

© 著作权归作者所有

共有 人打赏支持
北极喵
粉丝 0
博文 2
码字总数 441
作品 0
广州
程序员
行者/ECharts-Helper

ECharts-Helper 项目介绍 echart-helper是什么? echart-helper是一款echarts辅助开发插件,能够帮助开发者快速构建echart图表。 安装教程 引入jquery、echarts及echarts.helper三个文件即可...

行者
06/25
0
0
Vue教程(五)在vue项目中使用echarts

1安装Echart cnpm install echarts --save 2项目页面引用Echart import echarts from 'echarts' 3启动项目 npm run dev...

凌雲木
04/20
0
0
含有echart 图表的报表打印

最近需要打印含有echart图表的报表,采用jqprint插件打印,直接用jqprint打印echart的图不显示,这里需要借助img 来实现 首先下载jqprint插件,把jquery和jqprint文件引用 <script src="../...

tianyawhl
2016/03/16
0
4
vue引入echart.js打包时特别大

link : https://www.cnblogs.com/strinkbug/p/5786222.html 一、i在html中添加script标签如下: <script src="//cdn.bootcss.com/echarts/3.2.2/echarts.simple.min.js"></script> 二、在web......

Js_Mei
09/25
0
0
echart 极坐标怎么显示label 设置show属性不起作用

echart 极坐标怎么显示label 设置show属性不起作用

易言PK
07/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

deepin系统使用deepin-wine安装exe程序

deepin自带原生deepin-wine使用命令如下: deepin-wine QQMusicSetup.exe deepin-wine的程序位置: /root/.wine 默认安装的QQ浏览器快捷方式位置: /root/.wine/drive_c/'Program Files'/Te...

临江仙卜算子
36分钟前
1
0
快速get到学习Linux操作系统的点

快速get到学习Linux操作系统的点 Linux是一套免费使用和自由传播的类Unix操作系统,是一个基于POSIX和UNIX的多用户、多任务、支持多线程和多CPU的操作系统。Linux能够运行主要的UNIX工具软件...

linuxCool
42分钟前
2
0
聊聊:Linux分区的那些方案

安装linux的整体步骤其实比较简单,唯一可能值得说明的地方,大概就是linux的分区了。 下面来给大家推荐一些分区方案。 1 分两个区 实际上,很多时候我们只需要分两个区:`/`和交换分区,日常...

Linux就该这么学
53分钟前
1
0
适配器模式和外观模式

适配器模式: 将一个类的接口,转换成客户期望的另一个接口。适配器让原本不兼容的类可以合作无间。 例子: //将Enumeration转换成Iteratorpublic class EnumerationIterator implements Iter...

王怀楼
55分钟前
2
0
7-CXF与Spring整合发布webservice

Spring+CXF整合来管理webservice 实现步骤: 1. 添加cxf.jar 包(集成了Spring.jar、servlet.jar ),spring.jar包 ,servlet.jar 包 2. 编写业务类,通过CXF来发布webservice 员工管理: 方法...

江戸川
57分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部