javascript - 让 HighCharts 显示更少的数据点

Question

我正在绘制一个图表，其中 x 轴是日期时间。我的数据包含每天的大量样本，结果图表很紧张。

有没有一种简单的方法可以让 highcharts 每天只显示 1 或 2 个数据点，以使图表更平滑？

http://jsfiddle.net/RjPRd/72/

var data = [[1354282654000,13],[1354285785000,13],[1354289387000,14],[1354292990000,15],[1354296592000,13],[1354419090000,20],[1354422692000,21],[1354426295000,20],[1354435425000,19],[1354438087000,19],[1354538087000,24]];

var options = {
    chart: { renderTo: 'graph' },
    xAxis: { type: 'datetime' },
    series: [{data: data}]
};

var chart = new Highcharts.Chart(options);
​

Answer 1

如果您问 HighCharts 是否可以进行插值/投影，那么答案是否定的。您可以做的是预处理您的数据或将 HighStock 与dataGrouping一起使用。这是一个非常基本的例子。

这是执行此操作的代码：

plotOptions: {
    series: {
        dataGrouping: {
            approximation: 'average', //default
            units: [[
                'day',
                [1]
                ]]
        }
    }