在桌子裏面創建一個Highcharts餅圖圖例

Question

有沒有辦法在桌子裏創建一個Highcharts圖例？我希望能夠爲每個元素和自定義邊框使用交替的背景顏色來爲我的Highcharts餅圖樣式設置圖例的背景。

我已經格式化了我的圖例，但無法弄清楚如何將它嵌入表格中，然後可以格式化。

legend: { 
     layout: 'vertical', 
     align: 'center', 
     verticalAlign: 'bottom', 
     backgroundColor: '#f3f3f3', 
     borderWidth: 0, 
     useHTML: true, 
     itemMarginBottom: 10, 
     labelFormatter: function() { 
      return '<div style="width:200px"><span style="float:left">' + this.name + '</span><span style="float:right">' + this.percentage.toFixed(0) + '%</span><span style="float:right; margin-right:15%">$' + Highcharts.numberFormat(this.y, 0) + '</span></div>'; 
     } 

    }, 

JS小提琴：http://jsfiddle.net/hAnCr/135/

任何幫助，將不勝感激。謝謝！

Answer 1

如果你想把這個圖例放在單獨的表格中，在頁面的某個地方 - 它不被支持。

如果你想只產生標準傳說原樣，只是用表代替跨度：

• ，而不是return <div style="width:200px"> ... </div>使用return <table> ... </table>
• 集useHTML：真