3

Есть ли способ в 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, но при этом меняется только цвет точки при наведении на график, а не сама линия графика.

2

1 ответ 1

3

Ответ, наверное, уже не актуален, но тем не менее.

Используйте свойство 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
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container"></div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.