Highcharts圖表中的工具提示中的不同圖像

Question

我在尋找一個Javascript代碼示例，以便在Highcharts的餅圖工具提示中可視化圖片。

我想根據我的導航在行業看到不同的圖片...

你能幫幫我嗎？

在此先感謝

Answer 1

您可以啓用工具提示HTML，並設置HTML內容與tooltip formatter。

 tooltip: { 
      useHTML: true, 
      formatter: function() { 
       return '<img src="/your/image/path/' + this.series.name + '.png" />' + '<b>' + this.point.y + '</b>'; 
      } 
     } 

在這種情況下，加載的圖像是基於每個系列名稱。如果你的系列被命名爲蘋果，桔子和香蕉，你只需要製作apples.png，oranges.png和bananas.png，並適當地在img標籤中設置路徑。