Highcharts - Добавление css к легенде highcharts - PullRequest
Новая
       51

Highcharts - Добавление css к легенде highcharts

0 голосов
/ 14 июля 2020

Я пытаюсь настроить свою легенду Highcharts на html с тегом стиля линии, чтобы изменить цвет, используя this.color

Я использую 

labelFormatter: function () {
                    return  "Total amount of  <b style='" + this.color + ">" + this.name + " Percentage"
            }

в попытке выполнить sh это. Я хотел бы, чтобы в легенде графика отображалось «Общее количество НИЗКОГО процента». Я могу выполнить sh это, но теперь я пытаюсь добавить стиль к «НИЗКИЙ», «СРЕДНИЙ» или «ВЫСОКИЙ», который исходит из этого .название; Я хотел бы сделать этот цвет того же цвета, что и на графике, например:

LOW = Green,

MEDIUM = Orange

HIGH = RED

Я попытался выполнить sh это с помощью this.color, но это не повлияло на мою легенду.

Вот jsfiddle с моим кодом: https://jsfiddle.net/uyr2tb7n/3/

1 Ответ

0 голосов
/ 14 июля 2020

Возвращаемая строка должна выглядеть так: 

    legend: {
        ...,
        labelFormatter: function() {
            return "Total amount of  <span style='color:" + this.color + "'>" + this.name + "</span> Percentage"
        }
    }

Живая демонстрация: https://jsfiddle.net/BlackLabel/jv3p5z8t/

Ссылка API: https://api.highcharts.com/highcharts/legend.labelFormatter

...