如何移除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
相关产品推荐
相关产品推荐

