如何在amCharts 5中禁用饼图扇区的悬停与点击事件?
在amCharts 5中禁用饼图扇区的悬停与点击事件
要禁用饼图扇区的点击和悬停交互,你需要针对饼图的切片模板(slices.template)进行操作,具体实现如下:
- 禁用扇区的点击事件:通过切片模板的事件管理器直接禁用
click类型事件 - 禁用扇区的悬停事件:禁用
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.
相关产品推荐
相关产品推荐

