显示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/
有关的传说单击事件,您可以添加:
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/
采取看看例子介绍了如何显示工具提示,当你将鼠标悬停在传说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();
})
});
谢谢塞巴斯蒂安史蒂夫也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
你的第一个答案解决了我的问题的一半,并与你的第二个答案提示如何在我的朋友的帮助下,我终于解决了它:) – 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