javascript - 在表格内创建 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 fiddle :http://jsfiddle.net/hAnCr/135/

如有任何帮助，我们将不胜感激。谢谢!

Answer 1

如果您想将该图例放在页面上某个位置的单独表格中 - 不支持。

如果您只想按原样生成标准图例，但只需使用表格而不是跨度:

• 而不是 return <div style="width:200px"> ... </div>使用return <table> ... </table>
• 设置 useHTML: true