使用Highcharts刪除樹圖中的第二個工具提示

Question

我在我的web應用程序中使用Highcharts繪製樹圖。我正在使用最新的highcharts CDN。 我寫了一個自定義工具提示，它工作得很好。但我能看到第二個小提示。我想刪除第二個。我沒有爲第二個工具提示編寫任何代碼，只有較小的（形狀）數據點才能看到工具提示。

在下圖中，您可以看到我想要移除的自定義工具提示和另一個（小）。

這裏是我的代碼

$.getJSON("URL_TO_GET_DATA_FROM_SERVER", function(json) { 

    $('#container').highcharts({ 
    colorAxis: { 
     minColor: '#FF0000', 
     maxColor: '#00FF00', 
     stops: [ 
     [0, '#FF0000'], 
     [0.50, '#736F6E'], 
     [1, '#00FF00'] 
     ] 
    }, 
    title: { 
     text: '' 
    }, 
    tooltip: { 
     backgroundColor: { 
     linearGradient: [0, 0, 0, 60], 
     stops: [ 
      [0, '#FFFFFF'], 
      [1, '#E0E0E0'] 
     ] 
     }, 
     borderWidth: 1, 
     borderColor: '#AAA', 
     borderRadius: 2, 
     formatter: function() { 
     return 'Ticker: <b>' + this.point.name + '</b><br></br>Market Cap (JPY M): <b>' + this.point.value.toFixed(2) + '</b><br></br>Percent Change (%): <b>' + this.point.colorValue.toFixed(2) + '</b>'; 
     } 
    }, 
    series: [{ 
     type: 'treemap', 
     layoutAlgorithm: 'squarified', 
     data: json, 
    }] 
    }); 
}); 

此外，如果這是瀏覽器的功能，那麼請讓我知道。我正在使用谷歌瀏覽器。

Answer 1

的只是移除導致此（<title>元素）元素的方法是添加以下內容到您的圖表選項：

chart: { 
    events: { 
     load: function(e) { 
      $(".highcharts-data-labels text > title").remove(); 
     }, 
     redraw: function(e) { 
      $(".highcharts-data-labels text > title").remove(); 
     } 
    } 
} 

檢查this JSFiddle其中最後一點能有我們的一個標題，如果不是除去。