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

如何移除Highcharts饼图的Tooltip及悬浮效果?

如何移除Highcharts饼图的Tooltip和悬浮效果?

我已经成功创建了如下饼图:
饼图

我正尝试移除其中的tooltip和悬浮效果,目前的实现代码可参考相关StackBlitz项目。我尝试过Highcharts的plotOptions配置文档里的多个配置项,但未找到有效的配置字段,请问有谁能提供实现方法?

编辑补充:
补充截图


实现方法

要彻底移除Tooltip和悬浮高亮效果,只需在Highcharts的配置中添加两处关键设置:

  • 关闭Tooltip:在全局配置层级添加 tooltip: { enabled: false }
  • 禁用悬浮状态:在plotOptions.pie配置内,设置 states: { hover: { enabled: false } };如果不需要选中状态的高亮,也可以一并关闭select状态。

示例代码片段:

// 你的图表初始化配置
Highcharts.chart('container', {
  // 其他已有配置(如series、title等)
  tooltip: {
    enabled: false // 关闭tooltip显示
  },
  plotOptions: {
    pie: {
      states: {
        hover: {
          enabled: false // 禁用鼠标悬浮时的高亮效果
        },
        select: {
          enabled: false // 可选:禁用选中时的高亮效果
        }
      }
    }
  }
});

将以上配置整合到你的Angular项目的图表代码中,即可实现需求。


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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.19 20:22:12