You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在ECharts中禁用特定系列的所有交互(含鼠标悬停高亮)?

解决图表参考线无交互的方案

针对不同主流图表库,提供彻底禁用参考线交互的具体设置:

ECharts

  • 给参考线对应的series添加silent: true,这会让该系列完全不响应任何鼠标事件(包括鼠标移动吸附、高亮)
  • 同时搭配关闭hover动画和tooltip,确保无残留交互:
series: [
  // 其他正常交互的系列
  {
    name: '参考线',
    type: 'line',
    data: [...],
    silent: true, // 核心设置
    hoverAnimation: false,
    tooltip: {
      show: false
    }
  }
]

Highcharts

  • 给参考线系列设置enableMouseTracking: false,彻底禁用鼠标跟踪:
series: [
  // 其他系列
  {
    name: '参考线',
    type: 'line',
    data: [...],
    enableMouseTracking: false // 核心设置
  }
]

Plotly

  • 设置参考线系列的hoverinfo: 'none',并确保全局hovermode不包含该系列:
var data = [
  // 其他系列
  {
    x: [...],
    y: [...],
    name: '参考线',
    type: 'scatter',
    mode: 'lines',
    hoverinfo: 'none' // 禁用hover提示
  }
];
var layout = {
  hovermode: 'x unified' // 仅让需要交互的系列参与统一hover
};

以上设置可让参考线彻底成为纯背景视觉元素,不会触发任何鼠标交互行为。

内容的提问来源于stack exchange,提问作者somerandomusername

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.21 01:11:07