文档章节

Echart 2.0 与 Echart3.0 混用

北极喵
 北极喵
发布于 2017/08/30 11:37
字数 292
阅读 30
收藏 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 极坐标怎么显示label 设置show属性不起作用

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

易言PK
07/27
0
0
vue之将echart封装为组件

最近的新项目里,有大量数据图表类的需求,为了增强代码的复用性,减少冗余,我开始思考如何将echart封装为组件调用。本文将会以雷达图为案例,一步步讲解在vue项目中如何使用echart,如何将...

四小七
05/21
0
0
echart支持坐标轴支持中断吗

@Kener-林峰 你好,想跟你请教个问题: echart支持坐标轴支持中断吗 这样差异很大的数值都可以显示的好看一点,比如0.123和8000这两个数值,正常情况就看不到0.123的柱子啦...

13189464055
04/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

qduoj~前端~二次开发~打包docker镜像并上传到阿里云容器镜像仓库

上一篇文章https://my.oschina.net/finchxu/blog/1930017记录了怎么在本地修改前端,现在我要把我的修改添加到部署到本地的前端的docker容器中,然后打包这个容器成为一个本地镜像,然后把这...

虚拟世界的懒猫
36分钟前
1
0
UML中 的各种符号含义

Class Notation A class notation consists of three parts: Class Name The name of the class appears in the first partition. Class Attributes Attributes are shown in the second par......

hutaishi
47分钟前
0
0
20180818 上课截图

小丑鱼00
今天
1
0
Springsecurity之SecurityContextHolderStrategy

注:下面分析的版本是spring-security-4.2.x,源码的github地址是: https://github.com/spring-projects/spring-security/tree/4.2.x 先上一张图: 图1 SecurityContextHolderStrategy的三个......

汉斯-冯-拉特
今天
0
0
LNMP架构(Nginx负载均衡、ssl原理、生成ssl密钥对、Nginx配置ssl)

Nginx负载均衡 网站的访问量越来越大,服务器的服务模式也得进行相应的升级,比如分离出数据库服务器、分离出图片作为单独服务,这些是简单的数据的负载均衡,将压力分散到不同的机器上。有时...

蛋黄_Yolks
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部