javascript - 在表内创建Highcharts饼图图例

有没有一种方法可以在表格内创建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/

任何帮助，将不胜感激。谢谢！

最佳答案

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

如果您想按原样生成标准图例，而只使用table而不是spans：


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

关于javascript - 在表内创建Highcharts饼图图例，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19238706/