安装不同版本的echarts

最新推荐文章于 2024-06-12 18:18:33 发布
最新推荐文章于 2024-06-12 18:18:33 发布
阅读量4.2k 收藏 2
点赞数 1
分类专栏： echart经验分享 文章标签： echarts vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangjiaohome/article/details/121522613
版权

echarts随着版本的更新会增加更多特效，由于每个版本并不是完全兼容，随意更新echarts是个很危险的举动

如果既不影响项目中已有的echart的效果，又可以享受新效果

安装多个版本！！！

举例：

安装echarts4版本和5版本，分别命名为echarts4和echarts5

npm install echarts4@npm:echarts@4
npm install echarts5@npm:echarts@5

如果成功了在package-lock.json中就可以 看到这两个版本

然后就可以在各自需要的页面引入了

 tip：1、echart5 版本的important 有所更改

         2、其他node包先安装不同版本，是同样的操作

大小都是愁
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ECharts2.2.7版本
04-23
ECharts 2.2.7 是一个基于 JavaScript 的开源可视化库，用于构建交互式的数据可视化图表。它由百度前端技术部开发和维护，提供了丰富的图表类型、灵活的配置选项和强大的交互功能，可以轻松地创建各种各样的图表，包括折线图、柱状图、饼图、散点图等。ECharts 2.2.7 版本是早期的一个版本，虽然功能不如后续版本丰富，但仍然具有良好的稳定性和基本的图表绘制能力。它适用于 Web 应用程序和数据可视化项目，为用户提供了一种简单而强大的方式来展示和分析数据。
echarts版本4.9
09-04
echarts版本4.9，官方示例用的版本是4.9，亲测可用，打开后找dist文件夹引用echarts.js使用即可
查看echarts 与echarts-gl 对应版本
最新发布
weixin_42578774的博客
06-12 211
在package.json中看对应echarts版本。在github看echarts-gl源代码。
echart2.2.7版本相关文档
qianmo0330的博客
06-10 612
echart2.2.7版本相关文档保存 由于echarts官方文档中已经不支持查看echarts2.0版本的相关文档，特此上传备份。字符云相关文档较少后续会继续整理和更新。 相关文件：
echart项目里面兼容不同版本
xiaoxiao48的博客
06-05 4335
情景：在项目中需要用到echarts新版本的功能，但是发现项目中一直用的是老版本的echarts，假如直接 升级echarts版本就会影响之前echarts图的一下功能； 实现：下载新版本的echarts同时在项目中引入进来，再修改新版本的echarts.js文件，把echarts.js文件中所有的‘echarts’改成‘echarts4’（如果你下载的是echarts.4.0.x 的版本就改成‘echarts4’；如果是echarts.5.0.x 或其他的，就改成 ‘echarts5’或 其他的）； 用.
vue中同时引入echarts5和echarts4
weixin_40856652的博客
06-27 1122
在已有项目上进行二次开发， 遇到了环形图，有渐变，圆角；圆角的属性需要echarts5才支持； 所以需要同时引入echarts5。项目中同时使用echarts5和echarts4
ECharts 全新大版本 4.0 正式发布！百度数据可视化实验室成立
weixin_33834679的博客
01-16 513
2018年1月16日，百度发布了旗下知名开源产品 ECharts （echarts.baidu.com）的最新大版本 4.0，新版本在产品的性能、功能、易用性等各个方面进行了全面提升。和 ECharts 4.0 一起发布的还有 ECharts GL 1.0正式版，ZRender 4.0全新版本，WebGL 框架 ClayGL、深度学习框架Visual DL等，可谓是一次百度在数据可视化领域的大阅兵...
npm安装同一个包的不同版本，以echarts为例
lifachang的博客
03-08 6927
npm安装同一个包的不同版本，以echarts为例 npm install echarts4@npm:echarts@4 npm install echarts5@npm:echarts@5 上面代码是安装echarts4和5两个版本，分别命名为echarts4和echarts4 安装完成后package.json里的依赖会写进去如下代码： "echarts4": "npm:echarts@^4.8.0", "echarts5": "npm:echarts@^5.0.2", 这就表示项目里成功安装了ec
VUE ECharts折线图柱状图
weixin_45098257的博客
09-23 316
<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="柱状图" name="first"> <div id="myChart" :style="{width: '100%', height: '600px'}"></div> </el-tab-pane&g
echarts~echarts-gl 配套版本文件
11-02
- **安装**：ECharts 可通过 npm 或者直接引入 CDN 文件进行安装。对于 npm 用户，可以使用 `npm install echarts` 命令。 - **使用**：ECharts 使用 JavaScript API 进行配置和操作，通过创建 `echarts.init()` ...
最新版本echarts.min.js
06-09
"最新版本echarts.min.js" 指的是ECharts发布的最新稳定版本的压缩文件，这个文件通常包含了经过压缩和优化的ECharts核心库，方便开发者直接引入到项目中使用，避免了通过npm安装和可能遇到的GitHub访问限速问题。...
Echarts-4.0.4-官方文档-API手册
04-02
最新版Echarts-4.0.4的官方文档，包含所有API的介绍。
echarts本地文档
12-21
ECharts 2.2.7版本已具备一定的响应式能力，可以根据容器大小自动调整图表尺寸，适应不同设备和屏幕分辨率。 7. **地图图表**： ECharts 2.2.7版本内含多套地图数据，可以绘制中国各个省份、城市，甚至世界地图，...
apache-echarts-5.4.3
10-23
`package.json`包含了项目的元数据，如项目名称、版本、依赖关系等，而`package-lock.json`是自动化工具生成的，用于确保在多次安装过程中，依赖项保持一致，避免因npm版本不同导致的依赖安装差异。 `tsconfig.json...
vue项目下npm或yarn下安装echarts多个版本
11-30 2538
npm和yarn 同一个项目添加多个版本的依赖包
echarts 版本查看
macleo的路
03-15 667
echarts 版本查看
通过npm查看包模块的版本信息
藤叶香来
03-12 9617
有时候我们需要查看包的版本信息，以echarts为例，方式如下： 第一种：npm view echarts version 表示查看echarts的最新版本，结果如下: PS D:\Echarts\echartsProject&gt; npm view echarts version 4.1.0 第二种：npm view echarts versions 表示查看echarts...
怎么在页面上查看当前echarts的版本
tann888的博客
11-02 3017
怎么在页面上查看当前echarts的版本
Echart 版本过旧，升级为最新版本（echarts版本4升级版本5）
蓝胖子的博客
10-23 2756
Echart 版本过旧，升级为最新版本（echarts版本4升级版本5）
echarts不同版本
09-05
echarts有不同的版本，每个版本都会带来一些新的特效和功能。然而，由于版本之间可能存在不兼容的情况，随意更新echarts可能会带来一些风险。 在安装echarts时，你可以通过指定版本号来选择安装特定的版本。例如，可以通过在package.json文件中添加相关的依赖来安装echarts4和echarts5两个版本，并分别给它们命名为echarts4和echarts5。 安装echarts4版本的命令是npm install echarts4@npm:echarts@4，而安装echarts5版本的命令是npm install echarts5@npm:echarts@5。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [安装不同版本的echarts](https://blog.csdn.net/wangjiaohome/article/details/121522613)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [npm安装同一个包的不同版本，以echarts为例](https://blog.csdn.net/lifachang/article/details/114538185)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值