创建Highcharts饼图传说在表内(Create a Highcharts Pie Chart

2019-10-18 18:10发布

有没有一种方法来创建表的内部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:真


文章来源: Create a Highcharts Pie Chart Legend Inside a Table