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：true

在表格中创建Highcharts饼图图例

1 个答案: