在表內創建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

如果您想將圖例放在頁面上單獨的表格中-不支持。

如果您想按原樣生成標准圖例，而只使用table而不是spans：

• 代替return <div style="width:200px"> ... </div>使用return <table> ... </table>
• 設置useHTML：true