Legenditemclick 上的 Highcharts 饼图避免切片饼图，但在图例项上显示动画

Posted 2023-02-16

【中文标题】Legenditemclick 上的 Highcharts 饼图避免切片饼图，但在图例项上显示动画

【英文标题】：Highcharts pie on legenditemclick avoid slicing of pie but show animation on legend item

【发布时间】：2015-03-22 04:08:27

【问题描述】：

我正在使用 highcharts 显示带有图例的饼图。

legendItemClick: function (e) 
return false;

我正在使用上面的 legendItemClick 事件，它返回 false 以避免默认行为。如果未选择该点，我想降低 legendItem 的不透明度，反之亦然。

legendItemClick: function (e) 
if(!this.selected)
//reduce opacity of this.legendItem
else 
//set opacity back to 1 of this.legendItem
return false;

添加了小提琴http://jsfiddle.net/3vVGB/17/

感谢您对此提供的任何帮助。提前致谢。

【问题讨论】：

所以一般只需要修改图例项？ pie slice 应该怎么做？

是的。除了默认行为之外，我还会对饼图执行其他操作（例如 this.select()）。现在我只需要能够修改图例项。你能帮我解决这个问题吗？提前致谢。

有 this.legendItem.addClass() 我可以添加一个包含不透明样式的类。但是没有可用于 legendItem 的 removeClass 方法。 :(

选择是指切片元素或带有 hola 的元素（切片周围的阴影？）

我的意思是切片元素。

【参考方案1】：

legendItem 没有可用的 removeClass 方法。但是你可以使用“attr”方法。例如：this.legendItem.attr("class","")