如何在Highchart中的两个文本之间显示Legend Color？

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