在Highcharts中的圖例中創建系列/組標題JavaScript餅圖

Question

我有一組數據，我使用HighCharts將其表示爲餅圖。

我想把傳說中的標籤分成兩個不同的組，並給它們標題。僅用於圖例顯示目的，不會更改圖表本身。

我試着用labelFormatter插入組標題，但沒有成功。我也嘗試了linkedTo屬性，它似乎沒有做我想要的。

我有一個函數，我運行圖表加載，其中我能夠操縱圖例項目的位置，以創建兩個組之間的分離。但我一直無法添加標題。

以前有沒有人用HighCharts來解決這個問題並且管理好了解決方案？

這裏是一個小提琴顯示我已經能夠做到（這兩個羣體的分離，但沒有標題）：http://jsfiddle.net/EacF5/1/

這裏是我寫的手動操作上圖負荷傳說功能：

load: function(){ 
    var $hc_start = -1; 
    $(".highcharts-legend-item").each(function(){ 
     var t = $(this).find("tspan").text().split(':'); 
     switch (t[0]){ 
      case 'Group 2 Title 1': 
      case 'Group 2 Title 2': 
       var t = $(this).attr('transform').split(','); 
       t[1] = parseInt(t[1].replace(')', '')); 
       t[1] = sum(t[1])(15); 
       $(this).attr('transform', t[0] + ',' + t[1] + ')'); 

       $hc_start = 1; 
       break; 
      default: 
     } 
    }); 
} 

請讓我知道我可以提供給你什麼進一步的信息:)謝謝！

Answer 1

您可以將useHTML設置爲true，然後添加元素或使用帶有CSS樣式的labelformater。非常簡單的代碼;

http://jsfiddle.net/EacF5/2/

labelFormatter: function() { 

      if (this.x == 0) return '<h2>Title Group 1</h2>' + this.name; 
      else if (this.x == 2) return '<div class="second"><h2>Title Group 2</h2>' + this.name + '</div>'; 
      else return this.name; 

     },