Как показать цвет легенды между двумя текстами в Highchart?

Question

Я реализовал составную полосу Highchart.Я сталкиваюсь с одной проблемой при форматировании легенды.Я хочу показать цветовой код между текстом, например

107.1TiB Color_Box data

37.2TiB Color_Box, резервные копии

Есть ли способ отформатировать легенду таким способом вHighchart?Примечание. Я не хочу реализовывать пользовательскую легенду.Я хочу играть только с API Highchart.

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