文档章节

Echart 2.0 与 Echart3.0 混用

北极喵
 北极喵
发布于 2017/08/30 11:37
字数 292
阅读 38
收藏 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
广州
程序员
私信 提问
echart加载svg问题咨询

@Kener-林峰 你好,想跟你请教个问题: 现项目中用到echart加载svg矢量地图,但是发现一个问题,在经过echart2.0渲染之后得显示中失去了原有的阴影以及半透明等效果,想了解一下这是真么原因...

itc12008
2017/03/14
100
0
javaweb项目获取echart图的一个方法上面加了@Cacheable注解,Echart图显示速度没有发生变化,感觉注解没用啊

javaweb 项目的一个Echart图因为后台数据处理量比较大,显示有点慢,于是我在获取echart图数据的方法上面加了@Cacheable注解,讲道理第二次由于缓存数据后echart图显示应该比较快一点,但实际...

Jordan裔
2018/03/20
63
0
Echart怎么和mysql连接,进行数据展示,使用php+mysql +Echart

最近在学习Echart,怎么将Echart和Mysql连接,不把数据写死在Echart中,显示在网页上?

图图0317
2015/04/23
425
0
javaweb项目获取echart图的一个方法上面加了@Cacheable注解,Echart图显示速度没有发生变化,感觉注解没用啊

javaweb 项目的一个Echart图因为后台数据处理量比较大,显示有点慢,于是我在获取echart图数据的方法上面加了@Cacheable注解,讲道理第二次由于缓存数据后echart图显示应该比较快一点,但实际...

Jordan裔
2018/03/21
204
2
给一个空的echart上传数据会报错

配置好一个echart,然后给它上传数据,第一次上传成功但不会刷新echart(不会显示数据),报错行chart.setOption getChartOption(), true(TypeError: undefined is not a function),刷新界...

FloraLi
2015/05/14
257
1

没有更多内容

加载失败,请刷新页面

加载更多

Java生成二维码图片

maven配置jar包 <dependency><groupId>com.google.zxing</groupId><artifactId>core</artifactId><version>3.3.3</version></dependency><dependency><groupId>com.google.z......

骑羊放狼灬
1分钟前
0
0
oracle 修改字段类型

1.varchar2 类型修改 例子:alter table T_Node modify (NODE_CONTEXT varchar2(4000)); 2.varchar2 修改为clob 例子: alter table T_Node add hehe clob; update T_Node set hehe=NODE_CO......

qimh
4分钟前
0
0
别再写 bug 了,避免空指针的 5 个案例!

空指针是我们 Java 开发人员经常遇到的一个基本异常,这是一个极其普遍但似乎又无法根治的问题。 本文,栈长将带你了解什么是空指针,还有如何有效的避免空指针。 什么是空指针? 当一个变量...

Java技术栈
9分钟前
0
0
FastJson对BigDecimal保留两位小数(valueFilter)

实现ValueFilter public class BigDecimalValueFilter implements ValueFilter { @Override public Object process(Object o, String name, Object value) {//o是待转换的对象,n......

石日天
11分钟前
0
0
android 颜色透明度参照比

##透明度参照表: 00%=FF(不透明) 5%=F2 10%=E5 15%=D8 20%=CC 25%=BF 30%=B2 35%=A5 40%=99 45%=8c 50%=7F 55%=72 60%=66 65%=59 70%=4c 75%=3F 80%=33 85%=21 90%=19 95%=0c 100%=00(全透......

东街小霸王
11分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部