获取HighCharts以显示更少的数据点

时间:2012-12-02 10:48:13

标签: javascript highcharts

我正在绘制一个图表,其中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);
​

1 个答案:

答案 0 :(得分:3)

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

这是执行此操作的代码:

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