Highcharts 仅应使用前N个数据点

Highcharts 仅应使用前N个数据点,highcharts,Highcharts,我有几个100个数据点(类型:“scatter3d”)。我不喜欢缩放的工作方式,因此我想更改正在使用的数据点的数量,例如仅前10个。轴应进行相应调整。这可能吗?您只需要向图表提供正确的数据。例如: var data = [ ... ]; var chart = new Highcharts.Chart({ ..., series: [{ colorByPoint: true,

我有几个100个数据点(类型:“scatter3d”)。我不喜欢缩放的工作方式,因此我想更改正在使用的数据点的数量,例如仅前10个。轴应进行相应调整。这可能吗?

您只需要向图表提供正确的数据。例如:

    var data = [
        ...
    ];

    var chart = new Highcharts.Chart({
        ...,
        series: [{
            colorByPoint: true,
            data: data.slice(0, 10)
        }]
    });

    document.getElementById('first').addEventListener('click', function() {
        chart.series[0].setData(data.slice(0, 10));
    });

    document.getElementById('next').addEventListener('click', function() {
        chart.series[0].setData(data.slice(10, 20));
    });

现场演示:

API参考: