echarts 5.4版本与5.5版本若干不兼容问题记录

echarts 5.5中取消了对 geoJSON 的解析功能[Bug] Cannot read properties of undefined (reading 'regions') -- GeoCreator.getFilledRegions · Issue #17291 · apache/echarts · GitHubv4 升级 v5 指南 - 版本特性 - 入门篇 - 使用手册 - Apache ECharts

1、之前通过require直接引入旧版中中的js资源文件的方式会报

处理办法为:手动引入对应的资源JSON文件,获取路径为

DataV.GeoAtlas地理小工具系列

然后调用echarts.registerMap方法注册进浏览器缓存中。

2、action 的 geoSelect事件触发高亮不再执行,选择downplay,结合geo中的id 设置

{
          type: "highlight",
          geoId: 0,
          name,
        }

设置高亮

取消高亮为

dispatchAction({
          type: "downplay",
          geoId: 0,
          name: this.lastHeightLightName,
        })

二者结合使用即可解决高亮切换的问题

  • 7
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue 3.2和Echarts 5.4都是非常流行的前端开发工具,下面我会分别给你介绍一下它们的组件化特性。 Vue 3.2是Vue.js框架的一个版本,它引入了一些新的特性和改进。在Vue 3.2中,组件化是一个非常重要的概念。Vue组件化允许开发者将页面拆分成独立的、可复用的组件,每个组件都有自己的模板、样式和逻辑。这种组件的方式使得开发更加模块化、可维护性高,并且可以提高代码的复用性。 在Vue 3.2中,可以使用`defineComponent`函数来定义一个组件。组件可以包含模板、样式和逻辑,并且可以通过props来接收父组件传递的数据。你还可以使用`emit`函数来触发自定义事件,以便与父组件进行通信。另外,Vue 3.2还引入了`teleport`组件,可以方便地将组件渲染到DOM树的其他位置。 而Echarts 5.4是一个强大的数据可视化库,它提供了丰富的图表类型和交互功能。在Echarts 5.4中,也支持组件化的方式来使用图表。你可以将Echarts图表封装成一个独立的组件,然后在需要的地方引用这个组件。 在Echarts 5.4中,你可以使用`echarts`对象来创建和配置图表。你可以将图表的配置项作为props传递给Echarts组件,并在组件内部使用`echarts.init`方法来初始化图表。你还可以通过监听事件来实现与图表的交互,比如点击、鼠标移动等。 总结一下,Vue 3.2和Echarts 5.4都支持组件化的开发方式。Vue 3.2可以帮助你将页面拆分成独立的、可复用的组件,而Echarts 5.4可以帮助你将图表封装成独立的组件。这样的组件化开发方式可以提高代码的可维护性和复用性,同时也方便了开发和维护大型应用程序。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值