显示顶部并在图中选择饼片，单击HighCharts中的饼图

Question

嗨，朋友们，我想在鼠标悬停上显示带有图例的工具提示，并单击饼图事件，就像我们悬停饼片时一样，我想显示所选的饼(饼片滑出就像在饼点上选择)。

这是默认图表，在这里我已经禁用了“图例”，单击“饼”

  http://jsfiddle.net/LQS48/1/

有人能告诉我怎么做吗？

就像你在这里看到的那样

http://livecoding.io/3433043 ( which is done with custom buttons i want to achive this with highcharts legends 

任何帮助都将不胜感激..。:)

更新-在史蒂夫和塞巴斯蒂安的帮助下，我在小提琴中集成了以下内容

http://jsfiddle.net/8T7Ew/1/

最终更新-修正了我在史蒂夫和塞巴斯蒂安的帮助下发现的这个独奏中的一个错误，并在这里集成了下面的支持小组，使之变得完美无缺。。

好吧，我希望这能成为一个高图表功能，

  Final working Solution for me :: http://jsfiddle.net/8T7Ew/3/

Answer 1

对于图例上的单击事件，可以添加：

   this.select();
   chart.tooltip.refresh(this);

你的legendItemClick函数。http://jsfiddle.net/8T7Ew/。

对于mouseover，有一个关于高海图论坛http://highslide.com/forum/viewtopic.php?f=9&t=7094的讨论。第二页建议如下：http://jsfiddle.net/hfrntt/ArmRM/11661/

Answer 2

查看示例，其中介绍了如何在图例http://jsfiddle.net/ArmRM/14892/上悬停显示工具提示。

$('.highcharts-legend span, .highcharts-legend tspan').each(function(index, element) {
$(element).hover(function() {
    chart.tooltip.refresh(chart.series[0].data[index]);
},function() {
    chart.tooltip.hide();
})

})；