文档章节

如何在新工程中添加两个不同版本的的echarts库

o
 osc_w9s1w4o0
发布于 2019/04/05 15:23
字数 300
阅读 7
收藏 0

精选30+云产品,助力企业轻松上云!>>>

  emmmmm.....标题我就觉得起的很变态。闲话不多说,先说出现的背景吧~~。

  因为业务上的需求,跟一个硬件对接,要做大屏展示大厅客流热力图分布(背景图是客户那边给的)。然后这个机子传过来的数据就可能20来条。如果用最新的echarts4来做,但是数据太小不足以画出图来,但是如果数据太大传输也是一个问题。后来看来echarts2的热力图,仿佛找到来救星~~(https://echarts.baidu.com/echarts2/doc/example/heatmap.html)里面还有个valueScale,如果数据不好看还能放大,完美!撸起袖子就是干,但是我们大屏上已经有echart4.x 的依赖,如果通过 npm i 或者 yarn add 会直接把echarts4.x 覆盖,所以只能通过手动添加echarts2.2.8  , 

添加好后 再 install 一下就好了。

 

然后再页面里面正常使用可以了!(虽然方法有点粗暴~啊哈哈哈,mark一下)

useEffect(() => {
    require([
      'echarts2', 'echarts2/chart/heatmap' // 使用柱状图就加载bar模块,按需加载
    ], function (e) {
      e
        .init(dom)
        .setOption(option)
    })
  })

 

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
vue项目使用 echarts 对国内各省份地图的在线调用解决方法(详解)

前言:     vue项目开发中,我们会使用到各种的第三方图形库,这里只说使用最多的echarts图形库。     echarts图形库,是百度良心之作,图表类型丰富,定制化强,文档齐全,是目前为...

osc_8i32hj13
2019/07/04
2
0
pyecharts和echarts的混合使用

  ECharts是一个由百度开发的纯 Javascript 的图表库,pyecharts是某三位大佬将ECharts移植到Python项目中的产物,在Python网站中可以更轻松的接入图表,但是个人感觉pyecharts比ECharts还...

osc_7hoa7os1
2019/11/05
82
0
ECharts5.0版本即将上线,来说说我与ECharts的那些事吧!

Apache ECharts (incubating) ,一个使用 JavaScript 实现的开源可视化数据图表库。作为一款基于JavaScript的数据可视化图表库,ECharts为用户提供直观,生动,可交互,可个性化定制的数据可...

宋庆离
06/16
1.5W
20
C#WinForm应用程序中嵌入ECharts图表

C#WinForm应用程序中嵌入ECharts图表 程序运行效果: 下载ECharts: 官网下载ECharts :http://echarts.baidu.com/download.html 或者直接在这里下载:源码版echarts.js 、完整版 echarts.mi...

osc_h1iyh0d1
2018/04/03
23
0
C#WinForm应用程序中嵌入ECharts图表

C#WinForm应用程序中嵌入ECharts图表 程序运行效果: 下载ECharts: 官网下载ECharts :http://echarts.baidu.com/download.html 或者直接在这里下载:源码版echarts.js 、完整版 echarts.mi...

osc_zjs1puzi
05/08
9
0

没有更多内容

加载失败,请刷新页面

加载更多

科技人文丨玻璃心:承受阈值与表达

大家好,我是SKODE。 有趣的灵魂,聊科技人文。 本系列博客地址:传送门 本文转载自B站:安慰记传送门 玻璃心是网络用语,意思是: 对负面事件的接受度很低 还有对别人可能给出的负面评价非常...

osc_u9mt0sus
58分钟前
20
0
迅睿CMS 游客不允许上传附件

游客不允许上传附件 迅睿CMS系统:https://www.xunruicms.com/ 本文档原文地址:https://www.xunruicms.com/doc/752.html...

迅睿CMS-PHP开源CMS程序
58分钟前
12
0
代理,注解,接口和实现类的小测验

* retention : 保留* policy : 策略 ps : 简单测试了一下手写代理,jdk动态代理,和cglib动态代理,根据其不同的结果分析其原理 一:测试目的 主要想看一下不同的代理模式对于目标类中方法上注...

岁一
59分钟前
12
0
V-Ray 5 For 3ds Max 正式发布:超越渲染 - 知乎

15个新功能,V-Ray5助你时间更节省,渲染更出色! 作者:ChaosGroup VRay 5 For 3ds Max 已正式发布! 2分钟视频,抢先预览新功能↓ 知乎视频 www.zhihu.com V-Ray 5 for 3ds Max 新增功能 ...

osc_o9u1um45
59分钟前
0
0
毕业的笑容和悲伤永远是校园的回忆

校园的风轻轻的拂过我的脸庞,风儿显得更加凉爽, 开满火红的凤凰树,染遍了校园的每个角落, 晚上那枝头蝉儿的竞相鸣奏,唱满了令人不舍的毕业歌, 它们彷彿告诉了我们要毕业了。 毕业典礼那...

瑾123
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部