禁用将鼠标悬停在饼图的特殊切片上

disable hover on special slice of pie chart

本文关键字：切片 鼠标 悬停      更新时间：2023-09-26

我知道如何在高图表上禁用悬停，并且我编辑答案以禁用特殊切片上的hover，因为它不起作用。

我编辑系列属性如下： 

series: [{
  showInLegend: false,
  type: 'pie',
  name: 'Pie Chart',
  data: [
    ['Mobile', 65], // first half of pie
    {
       name: 'Other', 
       y: 35, 
       tooltip: { enabled: false }
    } // second half of pie
  ]

如何使用高图表禁用饼图上特殊切片的悬停？

您非常接近自定义工具提示属性的想法。我个人也宁愿使用自定义名称，因此，我将使用名为 tooltipDisabled 的自定义属性，而不是添加tooltip数据对象：

{name: 'Other', y: 35, tooltipDisabled:true} // second half of pie

然后，使用工具提示formatter函数（悬停点时调用的回调函数，完全可重写），我将使用此属性区分点：

    tooltip: {
        useHTML:true,
        formatter: function(){
            return this.point.tooltipDisabled ? false : this.point.name +"<br><span style='font-size:18px;vertical-align:middle'>&#8226;</span>"+this.series.name+": <b>"+this.y+"</b>";
        }

返回false ，正如您可能已经猜到的那样，禁用工具提示。（如您所见，我还添加了useHTML:true，因此 highcharts 会在点名称旁边呈现项目符号。

见小提琴：http://jsfiddle.net/e7brd9do/2/

相关文章：