Почему я получаю 'Cannot read property' isValid 'undefined' при использовании 400 точек данных?

Question

Я пытаюсь визуализировать более 400 точек данных, используя временную шкалу старших графиков, но получаю Cannot read property 'isValid' of undefined

Fiddle: https://jsfiddle.net/0fv2kxqb/

const test = [];
for (let i = 0; i < 400; i++) {
  test.push({
    x: Date.UTC(1900 + i, 9, 4),
    name: 'test'
  });
}

Highcharts.chart('container', {
  chart: {
    zoomType: 'x',
    type: 'timeline'
  },
  xAxis: {
    type: 'datetime',
    visible: false
  },
  yAxis: {
    gridLineWidth: 1,
    title: null,
    labels: {
      enabled: false
    }
  },
  legend: {
    enabled: false
  },
  title: {
    text: 'Timeline of Space Exploration'
  },
  subtitle: {
    text: 'Info source: <a href="https://en.wikipedia.org/wiki/Timeline_of_space_exploration">www.wikipedia.org</a>'
  },
  tooltip: {
    style: {
      width: 300
    }
  },
  series: [{
    dataLabels: {
      allowOverlap: false,
      format: '<span style="color:{point.color}">● </span><span style="font-weight: bold;" > ' +
        '{point.x:%d %b %Y}</span><br/>{point.label}'
    },
    marker: {
      symbol: 'circle'
    },
    data: test
  }]
});

#container {
  min-width: 400px;
  max-width: 600px;
  margin: 0 auto;
}

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

<div id="container"></div>

Отлично работает с ~ 300 точками данных

Разве не работает с большим количеством точек данных?

Answer 1

Эта проблема - ошибка, о которой сообщается здесь: https://github.com/highcharts/highcharts/issues/11116

Возможные обходные пути:

• набор cropThreshold больше длины данных: https://jsfiddle.net/BlackLabel/rtkj5xd7/
• включить getExtremesFromAll: https://jsfiddle.net/BlackLabel/rtkj5xd7/2/