vue中echarts 5.0版本以上不支持因为官方移除了地图数据和map文件夹

最新推荐文章于 2024-12-29 14:33:24 发布
最新推荐文章于 2024-12-29 14:33:24 发布
阅读量2.8k 收藏 2
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/z2431435/article/details/116201213
版权

解决方法：
1.安装4.9版本npm install echarts@4.9.0
2.自行导入js

vue2整合echarts5.0
梦想007的博客
07-26 2989
开始操作安装Echarts依赖1.前提：使用vue-cli创建的项目2.执行命令，默认安装最新版本的echarts3.在main.js中绑定echarts到vue的原型链上4.在组件中引入即可 安装Echarts依赖 1.前提：使用vue-cli创建的项目 2.执行命令，默认安装最新版本的echarts npm install echarts -S 3.在main.js中绑定echarts到vue的原型链上 import * as echarts from 'echarts' Vue.prototype.
vue引用多版本Echarts解决5+版本中国地图缺失问题
hzdz163的博客
02-21 2564
vue引用多版本Echarts解决5+版本中国地图缺失问题
echarts版本升级导致Chinamap渲染报错问题（vue2）
weixin_39143969的博客
02-14 881
最近项目改版，新版项目中用到了水球charts，而这个图表要求echart的版本必须在5以上，升级后发现之前的中国地图渲染不了，一通百度，总算是搞出来了，百度过程中也是东拼西凑，不是很会用的小伙伴可能就会有点抓瞎，所以我来了，把他重新总结一遍，希望可以帮助到需要的童鞋。废话不多说了，直接上代码： 1、下载china.json 末尾附有相关的china.json文件，也是在网上下载的，出来的效果是这样 而用乱码的json文件是这样的 看自己项目需要吧 我还是用的乱码的json文件，直接从china.js
echarts v5去除内置的geoJSON
Dawnchen1的博客
09-15 336
echarts v5去除内置的geoJSON echarts 高版本中去除了内置的map.json
echarts5 没有map（实现中国地图+按需引入）
热门推荐
Start2019
03-23 1万+
vue 项目通过 npm install echarts --save 安装的是最新版，在echarts4.9以后的版本中移除了map地图由于我的项目是按需引入，地图是其他图表组件开发完成之后说要加进来的，将当前版本卸载，去下载 4.9.0 这种方法容易出bug。
echarts5.4立体柱状图
lctmei的博客
12-13 573
echarts5.4立体柱状图
vue遇到echarts5.x，迁徙图怎么办？
weixin_61176546的博客
12-20 1022
工作中经常使用到echarts，最近用到迁徙图的时候突然发现，自从echarts 更新到5.0之后，迁徙图变得不可用了，echarts 官方在新版本中移除了行政区域的map数据，再想实现迁徙图怎么办，这里提供一种思路 故事前景：同事先写的代码直接在项目中安装了 echarts（@5.2.2）新版本提供了更为细致的模块化引用，例如： ``` // 引入 echarts 核心模块，核心模块提供了 echarts 使用必须要的接口。 import * as echarts from 'echarts/core
数据大屏vue3+ts+axios+MockJS+dataV+echarts
weixin_45618535的博客
05-21 1970
一、官网/文档 vue3：https://cn.vuejs.org/api/ TypeScript：https://www.tslang.cn/docs/handbook/basic-types.html axios：http://www.axios-js.com/zh-cn/docs/ MockJS：http://mockjs.com/ dataV：http://datav.jiaminghi.com/guide/ echarts：https://echarts.apache.org/handbook/
当vue遇到老的项目启动和打包速度慢怎么办？ webpack-低版版本-编译启动速度和打包速度优化方案
qq_42389674的博客
02-27 5008
vue项目，vue-cli和webpack版本太低项目启动太慢如何优化，开启 terser-webpack-plugin 代码压缩，开启摇树优化，watchOptions 忽略node_modules，production 模式关闭 devtool的sourcemap,开启cache缓存,以及辅助工具webpack-bundle-analyzer，speed-measure-webpack-plugin，实现vue-cli低版本项目的启动和打包速度以及项目体积终极优化
ECharts 5 升级指南
月满闲庭的博客
06-25 3871
ECharts 5 升级指南 本指南面向那些希望将 echarts 4.x（以下简称 v4）升级到 echarts 5.x（以下简称 v5）的用户。大家可以在 ECharts 5 新特性 中了解这次v5带来了哪些值得升级的新特性。在绝大多数情况下，开发者用不着为这个升级做什么额外的事，因为 echarts 一直尽可能地保持 API 的稳定和向后兼容。但是，v5 仍然带来了一些非兼容改动，需要特别关注。此外，在一些情况下，v5 提供了更好的 API 用来取代之前的 API，这些被取代的 API 将不再被推荐使
TP5后端,VUE前端请求聚合数据驾照题库
qq_38192709的博客
12-15 1892
选择效果： 演示效果： 1： Vue 配置： /config/index.js 'use strict' // Template version: 1.3.1 // see http://vuejs-templates.github.io/webpack for documentation. const path = require('path') module.exports = { dev: { // Paths assetsSubDirectory: 'static',
echarts-map-2.2.7地图资源包，官网的已经不用了，这里希望能帮助大家
03-20
echarts-map-2.2.7地图资源包，官网的已经不用了，这里希望能帮助大家
echarts世界地图json文件
07-12
echarts世界地图资源，由于 echarts已经不对外开发下载相应的地图数据。
Vue+Echarts地图消失（高度变成0）的完美解决方案
weixin_44967821的博客
05-06 3038
地图消失了！ 最近项目突然发现了一个奇怪的问题，当且到别的页面之后停留一会（20min+），首页的Echarts地图就会消失掉，而且还不一定复现，好不容易复现了一次，查看元素发现地图的容器、svg元素的高度都变成了0 经过多次测试发现只要切换到别的页面后改变一下浏览器窗口大小，再切回首页，地图就消失了 为什么高度没了？ 首先看一下Echarts官网的示例 原因很明显了，我并没有给地图元素设定宽高 解决方法 固定宽高 一种方法是直接给地图容器加上固定的高度和宽度（不能使用百分比） <div ref=
echarts没有map地图解决方案
最新发布
少年你真的要止步于此嘛
12-29 2662
echarts地图不显示或没有地图解决方案
vue使用echarts的map不显示问题
wusq的博客
02-14 6450
第一种引入方式，在需要的页面引入 import echarts from 'echarts' 然后let myChart = echarts.init(document.getElementById('visual-map-test')) // 定义 地图没有显示 另外引入中国地图 import 'echarts/map/js/china' 完整引入： impor...
echarts 地图 不显示地图的 解决办法 ！
weixin_30588675的博客
09-04 5468
1首先 需要 下载echarts 2 在main 中 需要引入 import echarts from 'echarts/dist/echarts.min.js' import china from 'echarts/map/json/china.json' echarts.registerMap('china', china) Vue.prototype.$echa...
使用echarts加载地图
吴举人的博客
10-17 7037
echarts这样的插件很好用，在这直奔重点，以下为注意事项： 1.echarts高版本的是没有中国地图的实例的，使用echarts做低版本的中国地图，需要引入低版本的echarts，这里用的版本是是echarts-2.2.7。 2.引入echarts的方法有三种，模块化包引入，模块化单文件引入（推荐），标签式单文件引入在实例中的代码，引入的方法一般为第二种(不同的引入方式会导致报错)，具体htt...
vue 3.0 echarts5.0
06-22
### 回答1： Vue 3.0 和 ECharts 5.0 是两个非常流行的前端框架和可视化库。Vue 3.0 于 2020 年正式发布，是 Vue.js 的最新版本。而 ECharts 5.0 则在 2020 年 12 月发布了正式版，是一款强大的可视化库。 Vue 3.0 带来了许多重大更新和改进，包括更好的性能、更好的开发体验、更好的 TypeScript 支持等。Vue 3.0 让开发人员能够更快地构建高性能的 Web 应用程序，同时也提供了更完善的生态系统，使得开发过程更加便捷和高效。 ECharts 5.0 是一款强大的可视化库，它提供了多种类型的图表、地图、关系图等，使得开发人员能够快速创建出精美的可视化效果。ECharts 5.0 支持多种数据格式，包括 JSON、CSV、XML 等，同时也支持多种数据源，包括静态数据、API 接口、WebSocket 等。ECharts 5.0 还提供了丰富的图表配置选项，使得开发人员能够轻松地定制各种流行的数据可视化效果。 Vue 3.0 与 ECharts 5.0 的结合，可以实现更加高效和优秀的数据可视化效果。Vue 3.0 的性能优化可以让 ECharts 5.0 更好地展示大量数据，同时 ECharts 5.0 的丰富图表类型和选项，可以为 Vue 3.0 应用程序提供更加精细的数据呈现。 总的来说，Vue 3.0 和 ECharts 5.0 是两个非常优秀的前端框架和可视化库，它们的结合能够为开发人员提供更加高效、精细和出色的 Web 应用程序开发体验。 ### 回答2： Vue 3.0和Echarts 5.0是目前前端开发中非常流行的框架和库，分别用于开发Web页面和数据可视化。Vue 3.0是Vue.js框架的最新版本，与先前版本相比有许多改进，例如更好的性能、更直接的响应式系统、更好的TypeScript支持等。Echarts 5.0是Apache开源项目Echarts的最新版本，它是一个基于JavaScript的可视化库，可以用来制作各种类型的图表，如折线图、柱状图、饼图、散点图等。 Vue.js和Echarts可以非常好地结合使用。Vue.js可以帮助我们组织代码，将数据绑定到HTML标记中，处理事件和生命周期等。而Echarts可以让我们非常方便地制作图表并将其展示在页面上。Vue.js的响应式数据和组件化的思想也与Echarts的数据驱动原则非常契合，两者可以无缝对接。 在使用Vue.js和Echarts时，我们可以通过Vue.js的组件化特性将Echarts作为Vue.js组件来实现。这样可以让我们在Vue.js中直接使用Echarts，而不需要手动编写JavaScript代码。另外，在Vue.js 3.0中，通过Composition API的支持，我们可以更加灵活地组织代码和处理数据，这也对于Echarts的使用提供了更多方便。 总之，Vue 3.0和Echarts 5.0是非常强大的前端开发工具，它们可以帮助我们快速地构建高性能的Web页面和数据可视化。在Vue.js和Echarts的结合使用中，可以通过组件化、响应式数据等特性实现代码的高效组织和数据的快速展示。 ### 回答3： Vue 3.0和Echarts 5.0是现在很火热的前端框架和可视化工具，在开发和设计方面都有很大的用途。 Vue 3.0具有更快的速度和更小的代码体积，采用了全新的响应式API和Composition API，这使得开发更加灵活方便。与此同时，Echarts 5.0则支持更多的图表类型，具有更好的性能和更多的交互功能。它也增加了更多的自定义选项，允许用户按照自己的需要进行调整和设计。 Vue 3.0和Echarts 5.0的结合可以为开发者们提供更强大的可视化工具，从而可以更好地呈现数据和交互，同时也可以加速开发过程，减少代码量和时间成本。通过使用Vue 3.0和Echarts 5.0，开发者们可以快速地创建功能强大、适应性强的大型应用程序，并实现自己的数据可视化目标。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值