Highcharts: изменить цвет сплайновой линии в соответствии со значением y

Question

Мой раздел yAxis выглядит следующим образом:

yAxis: {
                    title: {
                      text: 'Height of tide<br>in feet.'
                        },
                        gridLineColor: '#197F07',
                        gridLineWidth: 0,
                        lineWidth:1,
                        plotLines: [{
                            color: '#FF0000',
                            width: 1,
                            value: 0
                    }]
                },

Как изменить цвет линии (на красный) для y = <0? </p>

Answer 1

Вы можете использовать свойство absoluteColor , чтобы изменить цвета. Цвет для частей графика или точек, которые находятся ниже порога. Порог по умолчанию - 0.

Highcharts.chart('container', {

  series: [{
    data: [-6.4, -5.2, -3.0, 0.2, 2.3, 5.5, 8.4, 8.3, 5.1, 0.9, -1.1, -4.0],
    negativeColor: '#FF0000'
  }]
});

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

API Reference: https://api.highcharts.com/highcharts/plotOptions.line.negativeColor