Highcharts圖例標題水平對齊

Question

在該示例中，圖例標題「City」水平對齊左側。有沒有一種方法可以將標題與圖例區域的中心水平對齊？

legend: { 
     title: { 
      text: 'City<br/><span style="font-size: 9px; color: #666; font-weight: normal">(Click to hide)</span>', 
      style: { 
       fontStyle: 'italic' 
      } 
     } 
    }, 

在上面的圖例標題中編輯樣式似乎沒有任何作用。

實施例：http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/legend/title/

感謝。

Answer 1

艱難的。

我唯一能想出的編程做在圖表上載：

function(){ 
    var legWidth = this.legend.maxItemWidth; // width of legend 
    $.each(this.legend.title.element.children[0].children, function(i,j){ 
     j = $(j); // for each span in title 
     var spanWidth = j.width(); 
     j.attr('dx', (legWidth/2) - (spanWidth/2)); // move it to center 
    }); 
} 

更新fiddle。