График Highstock: навигатор отображает неправильную область в негативном цвете

Question

Привет, дружелюбные разработчики

Я создал диаграмму с highstock , который является расширенным набором старшей диаграммы, добавив так называемый «навигатор» (нижняя диаграмма для выбора определенной части диаграммы).

Я использую диаграмму типа области, и моя цель - закрасить области выше 0 зеленым, а красный - 0. Это прекрасно работает на реальном графике, но не в навигаторе. Каким-то образом навигатор отображает не область между осью X и графиком красным цветом, а область под графиком. Вот пример: https://stackblitz.com/edit/react-58f7s8?embed=1&file=index.js

Я что-то упустил в API, это ошибка или ожидаемое поведение?

Заранее спасибо за ваше время! G.

Кстати: вот фрагмент кода (который вы также можете найти в стекаблице):

import React, { Component } from 'react';
import { render } from 'react-dom';
import ReactHighstock from 'react-highcharts/ReactHighstock';

class App extends Component {

  render() {
     const config = {
        chart: {
          type: 'area',
        },
        series: [{
          color: 'green',
          negativeColor: 'red',
          data: [29.9, 71.5, 106.4, -129.2, -144.0, -176.0, 35.6, 148.5, 148.5, -216.4, 194.1, 95.6, 54.4]
      }]
    };
    return (
      <ReactHighstock config={config} />
    );
  }
}

render(<App />, document.getElementById('root'));

Answer 1

Если кто-то ищет то же самое: Решение состоит в том, чтобы добавить threshold: 0 здесь:

navigator: {
  series: {
    threshold: 0,
},

Проверить API