Страницы

Поиск по вопросам

воскресенье, 7 июля 2019 г.

Highcharts разные цвета для линии графика

Есть ли способ в js библиотеке Highcharts установить разные цвета для одного графика? Чтобы линия с отрицательным значением была одного цвета, а та же линия с положительным значением - другого?
UPD
Вот так строю сам график
new Highcharts.Chart({ "chart":{ "renderTo":"chart1", "height":200, "width":300 }, "xAxis":{ "type":"datetime", "title":false, "dateTimeLabelFormats":{"day":"%e.%m"} }, "series":[{ "data":[{ "x":1515184552000,"y":3.62,"color":"#ff0000", ... }], }], "tooltip":{"enabled":false}, "legend":{"enabled":false} });
Получается вот такой график

Нужно чтобы линия ниже нуля была другим цветом. Как видно из кода, пробую в массив data передавать color, но при этом меняется только цвет точки при наведении на график, а не сама линия графика.


Ответ

Ответ, наверное, уже не актуален, но тем не менее.
Используйте свойство negativeColor серии
Highcharts.chart('container', { series: [ { name: 'test', data: [-1, 1, 2, -1, -2, 0, 1, 1], color: "red", negativeColor: "blue", }, ], }); #container { min-width: 310px; max-width: 800px; height: 200px; margin: 0 auto }


Комментариев нет:

Отправить комментарий