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

如何在amCharts 5中禁用饼图扇区的悬停与点击事件?

在amCharts 5中禁用饼图扇区的悬停与点击事件

要禁用饼图扇区的点击和悬停交互,你需要针对饼图的切片模板(slices.template)进行操作,具体实现如下:

  1. 禁用扇区的点击事件:通过切片模板的事件管理器直接禁用click类型事件
  2. 禁用扇区的悬停事件:禁用pointerover类型事件,同时重置悬停状态的样式,避免出现不必要的视觉反馈

完整代码示例:

// 假设你已创建饼图实例pieChart
pieChart.slices.template.events.disableType("click");
pieChart.slices.template.events.disableType("pointerover");

// 清空hover状态的样式配置,移除悬停时的视觉变化
pieChart.slices.template.states.create("hover", {});

如果需要同时保留你已实现的禁用图例点击功能,继续使用这段代码即可:

legend.itemContainers.template.setup = function(item) {
    item.events.disableType("click");
};

内容的提问来源于stack exchange,提问作者Jonas P.

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.16 15:45:53