Ограничение количества точек данных в старших диаграммах

Question

Когда новые точки добавляются к пустой диаграмме HighChart, количество точек на диаграмме увеличивается бесконечно, при этом диаграмма сжимается по горизонтали по мере увеличения диапазона оси X.

myChart.series[1].addPoint([fields.timestamp, fields.score], true, true);

Однако, когда на непустую диаграмму добавляется больше точек данных, диаграмма сразу прокручивается влево, чтобы разместить новые точки данных без изменения шкалы оси X. Примером будет http://www.highcharts.com/demo/dynamic-update. Число точек данных, отображаемых в любой момент времени, по-видимому, соответствует исходному количеству точек данных, уже существовавших на диаграмме при загрузке диаграммы.

Вопрос: Как в обоих случаях мы можем изменить / ограничить количество точек данных на диаграмме (или ограничить масштаб по оси X), чтобы диаграмма, начинающаяся с пустого, увеличивала количество точек данных до N точки перед добавлением большего количества точек данных приводят к прокрутке графика влево.

Answer 1

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

// the button action
var i = 0;
$('#button').click(function() {
    var chart = $('#container').highcharts();
    chart.series[0].addPoint(50 * (i % 3), true, chart.series[0].points.length > 15, true);
    i++;
});

я добавил chart.series[0].points.length > 15 к этому. Этот пример начинается с 12 точек на графике (длина 11). Я буду продолжать добавлять точки до тех пор, пока на графике их не будет 16, затем будут добавлены все новые добавленные точки, а последняя слева будет удалена.