如何在Highchart中的两个文本之间显示图例颜色？

Question

我已经实现了堆叠式酒吧Highchart。格式化图例时我面临一个问题。我想在文本之间显示颜色代码

107.1TiB Color_Box数据

37.2TiB Color_Box备份

在Highchart中，是否可以通过这种方式格式化图例？ 注意：我不想实现自定义图例。我只想使用Highchart API。

Answer 1

您可以使用labelFormatter函数并在系列名称之间添加颜色代码：

legend: {
    rtl: true,
    labelFormatter: function() {
            var splittedName = this.name.split(' ');

        return splittedName[1] + ' ' + this.color + ' ' + splittedName[0];
    }
}

实时演示：http://jsfiddle.net/BlackLabel/0vatg17b/

API参考：https://api.highcharts.com/highcharts/legend.labelFormatter