Highcharts DataGrouping с нулевыми значениями

Question

Возникла проблема, из-за которой мы пытаемся показать разрыв в данных, когда в наборе данных присутствуют значения NULL с включенной функцией DataGrouping на диаграмме Highstock.

Если набор данных небольшой, как на изображенияхниже, отключение группировки данных не является проблемой.

Проблема возникает, когда у нас очень большой набор данных, данные за 2 дня x 4 серии = 690 000+ точек данных;загрузка данных занимает вечность.

Если мы оставим dataGrouping включенным, то разрыв в данных исчезнет.

Можно ли оставить dataGrouping включенным, но также показать разрыв для нулей?

Answer 1

Проблема вызвана вашими данными - все нулевые значения являются строками:

200: (2) [1569876448000, "null"]
201: (2) [1569876449000, "null"]
202: (2) [1569876450000, "null"]
203: (2) [1569876451000, "null"]
204: (2) [1569876452000, "null"]
205: (2) [1569876453000, "null"]
206: (2) [1569876454000, "null"]
207: (2) [1569876455000, "null"]
208: (2) [1569876456000, "null"]
209: (2) [1569876457000, "null"]
210: (2) [1569876458000, "null"]
211: (2) [1569876459000, "null"]

В качестве решения вы должны изменить формат или проанализировать данные в функции complete:

data: {
    csvURL: '...',
    complete: function(options) {
        options.series.forEach(function(s) {
            s.data.forEach(function(p) {
                if (p[1] === 'null') {
                    p[1] = null;
                }
            });
        });
    },
    enablePolling: false
}

---

Демонстрационная версия: https://jsfiddle.net/BlackLabel/c0xd5j62/

Справочник по API: https://api.highcharts.com/highcharts/data.complete

Answer 2

Попробуйте использовать модуль с прерывистой осью, см. http://jsfiddle.net/awrydgs7/

<script src="https://code.highcharts.com/modules/broken-axis.js"></script>