Question

朋友们，我想在鼠标悬停时显示工具提示，并在饼图上点击事件，就像我们悬停饼图时一样，我想显示所选择的饼图（饼图片在饼图点选择时滑出）

这是默认图表，其中我已禁用饼图

的图例点击

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

任何人都可以告诉我该怎么做

你看到的就是这样的事情

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

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

更新 - Soltuion我在史蒂夫和塞巴斯蒂安的帮助下在下面整合了小提琴

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

最终更新 - 修复了这个Soltuion中的一个错误，我在steve和sebastian以及highcharts支持团队的帮助下找到了这里的小提琴和现在完美无缺的工作。

我希望这会成为一个高级功能，

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

Answer 1

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

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

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

对于鼠标悬停，有一个关于highcharts论坛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();
})

}）;

在HighCharts中的饼图图例上单击显示工具提示并选择饼图切片

2 个答案: