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

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.xdnf.cn/news/15635.html

相关文章:

  • C 语言基础第 08 天:数组与冒泡排序
  • HTTPS的工作原理及DNS的工作过程
  • 相位中心偏置天线的SAR动目标检测
  • 基于Echarts的气象数据可视化网站系统的设计与实现(Python版)
  • 【LeetCode 热题 100】108. 将有序数组转换为二叉搜索树
  • Git 多人协作实战:从基础操作到分支管理全流程记录
  • 深入了解linux系统—— 信号的捕捉
  • 如何将 ONLYOFFICE 文档集成到使用 Laravel 框架编写的 PHP 网络应用程序中
  • Nginx/OpenResty HTTP 请求处理阶段与 Lua 实践全解20250717
  • Java 大视界 -- Java 大数据在智能交通智能公交站台乘客流量预测与服务优化中的应用(349)
  • Zabbix 分布式监控系统架构设计与优化
  • iOS 构建配置与 AdHoc 打包说明
  • Spring Boot整合阿里云OSS企业级实践:高可用文件存储解决方案
  • 川翔云电脑:云端算力新标杆,创作自由无边界
  • javax.servlet.http.HttpServletResponse;API导入报错解决方案
  • LeetCode热题100【第二天】
  • Linux 基础学习
  • MySQL安全修改表结构、加索引:ON-Line-DDL工具有哪些
  • 安装wsl-Ubuntu到D盘
  • 模型材质一键替换~轻松还原多种三维场景
  • Qt软键盘
  • 河南萌新联赛2025第(一)场:河南工业大学(补题)
  • python脚本调用 ffmpeg 针对MP3转通道
  • 数分思维:02——京东app产品分析
  • mysql学习笔记
  • 力扣119:杨辉三角Ⅱ
  • Kotlin密封类
  • 独家|理想汽车放弃华为PBC模式,回归OKR理想汽车
  • 常用API
  • 输尿管下段积水预测与手术决策支持技术方案