在HighCharts中的饼图图例上单击显示tootip并选择饼图切片-Java 学习之路

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

这是默认图表，其中我已禁用饼图的图例点击

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

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

就像你在这里看到的那样

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

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

Update - Soltuion I founf with the help of steve and sebastian integrated here below in fiddle

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

Final Update - Fixed a bug in this Soltuion I found with the help of steve and sebastian and highcharts support team integrated here below in fiddle and working flawlessly now .

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

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

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/
回复于 2019-04-05T05:39:16+00:00

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

}）;

回复于 2019-04-05T05:39:16+00:00

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

2 回答

相关问题