显示tootip并在图例上选择饼图在HighCharts中点击饼图

嗨，朋友我想在mousehover上显示带有图例的工具提示，并单击饼图的事件，就像我们悬停馅饼切片时一样，并且想显示所选饼图（饼片滑出像馅饼点选择）显示tootip并在图例上选择饼图在HighCharts中点击饼图

这是默认的图表在那里我有馅饼残疾人传奇点击

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

任何一个可以告诉我该怎么办呢

财产以后这样的正如你在这里看到的

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

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

更新 - Soltuion我founf与史蒂夫的帮助和塞巴斯蒂安在这里摆弄下文集成

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

最后更新 - 修正我在这个Soltuion中找到了一个bug，在史蒂夫和塞巴斯蒂安以及highcharts支持团队的帮助下，我们在下面集成了小提琴和完美的工作。

以及我希望这成为一个highcharts虽然功能，

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

来源

2013-03-08 Rinzler

有关的传说单击事件，您可以添加：

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

您legendItemClick功能。 http://jsfiddle.net/8T7Ew/。

对于鼠标悬停，在高楼论坛http://highslide.com/forum/viewtopic.php?f=9&t=7094上进行了讨论。第二个页面上提示的：http://jsfiddle.net/hfrntt/ArmRM/11661/

来源

2013-03-08 09:37:21 SteveP

你的第一个答案解决了我的问题的一半，并与你的第二个答案提示如何在我的朋友的帮助下，我终于解决了它:) – Rinzler 2013-03-08 11:13:20

嗨stevep它的工作，但我面临的问题工具提示在所有图表发射可以在这里看到http://jsfiddle.net/8T7Ew/2/ – Rinzler 2013-03-08 12:03:28

你需要让你的jQuery选择器更具体。例如对于最后一个图表，使用： $（'＃piecontainer267 .highcharts-legend span，＃piecontainer267 .highcharts-legend tspan'）。each（function（index，element）{ – SteveP 2013-03-08 12:32:08

采取看看例子介绍了如何显示工具提示，当你将鼠标悬停在传说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-08 10:06:35

谢谢塞巴斯蒂安史蒂夫也recomeded给我。我现在工作谢谢。只是有小问题因为我有多个饼图我得到一些奇怪的控制台消息，如“TypeError：a [0]是未定义重新加载页面获取：http://code.highcharts.com/highcharts.js“我的饼图在控制台日志中的每个其他实例。piecharts工作正常，但:) :) – Rinzler 2013-03-08 11:18:16

它有可能重现它是jsfiddle.net？ – 2013-03-08 11:25:56

嗨，我正面临另一个问题，这是问题http://jsfiddle.net/8T7Ew/2/小提琴时，我徘徊的传奇其他图表工具提示也显示了你可以看到我的小提琴。我怎样才能显示工具提示超过传说有关图表只:( – Rinzler 2013-03-08 12:02:32

显示tootip并在图例上选择饼图在HighCharts中点击饼图

回答

相关问题