当前位置: 首页 > news >正文

echart设置trigger: ‘axis‘不显示hover效果

在使用echart时开发柱状图,发现trigger设置为axis时,不显示hover效果。

原因:使用了echart版本是 5.5.0,这个版本不能直接使用使用变量声明ecahrt,需要使用常量声明。

报错的代码:

const myChart = ref<any>()
const barEcharts = () => {myChart.value = echarts.init(generateChart2.value);myChart.value.setOption({tooltip: {trigger: 'axis',},xAxis: {type: 'category',data: readingData.months},yAxis: {type: 'value'},// ...省略其他代码})

修改为

const barEcharts = () => {const myEchart = echarts.init(generateChart2.value);myEchart.setOption({tooltip: {trigger: 'axis',},

修改后效果

 

http://www.dtcms.com/a/285191.html

相关文章:

  • c#笔记之方法的形参列表以及方法重载
  • 智能外呼系统应用场景
  • Windows 11清理C盘方法大全:磁盘清理/禁用休眠/系统还原点/优化大师使用教程
  • PostgreSQL 中的 pg_trgm 扩展详解
  • docker 安装nacos
  • Content-Type 请求头
  • 求解偏微分方程的傅里叶积分解
  • 【C语言进阶】内存函数
  • app打包ios上架appStore流程
  • 强化第三讲—一元函数微分学的概念
  • vue + Cesium 实现 3D 地图水面效果详解
  • Leetcode刷题营第二十七题:二叉树的最大深度
  • 研二Last Day
  • 【保姆级喂饭教程】idea开发TODO规范
  • 【项目实践08】【事务加锁的问题】
  • 【C++类和对象解密】面向对象编程的核心概念(下)
  • openinstall上线SSL证书服务,开启数字安全新纪元
  • 从现场出发:能源系统中的智能设备与实际落地工具解读
  • 7 基本的空间关系判断
  • Git仓库核心概念与工作流程详解:从入门到精通
  • 「Java案例」递归实现整数的倒置
  • MyBatis-Flex 学习与整理
  • LeNet-5 详解:从理论到实践
  • HTML前端性能优化完整指南
  • LeetCode 234:回文链表
  • 文件类型说明
  • H7-TOOL脱机下载后,自动重连RTT,CAN和串口助手三合一模式方法,方便项目测试(2025-07-16)
  • Spring Boot 分层架构详解:Controller、Service、Mapper...
  • C++网络编程 5.TCP套接字(socket)通信进阶-基于多线程的TCP多客户端通信
  • 鸿蒙状态栏操作