2

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

这是默认图表，我已禁用图例 click for pie

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

谁能告诉我怎么做

正如你在这里看到的那样

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

任何帮助将不胜感激 .. ：）

更新 - 我在 steve 和 sebastian 的帮助下找到了解决方案，集成在下面的小提琴中

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

最终更新 - 修复了我在 steve 和 sebastian 以及 highcharts 支持团队的帮助下发现的这个 Soltuion 中的一个错误，该团队集成在下面的小提琴中，现在可以完美地工作。

好吧，我希望这成为一个 highcharts 功能，

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

2 回答 2

2

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

   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/

于 2013-03-08T09:37:21.373 回答
1

看一下示例，它介绍了当您将鼠标悬停在图例上时如何显示工具提示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();
})

});

于 2013-03-08T10:06:35.340 回答