Highcharts叠加面积数据

这是源代码

我不太清楚为什么，但是我不能让x轴显示正确的时间戳信息，时间戳数据是unix时间戳格式。。我也不知道如何让这两个图正确地叠加

我还想使用Highcharts库提供的数据分组方法对这些数据进行数据分组

    var chart;
    chart = new Highcharts.Chart({
        chart: {
            renderTo: container,
            type: 'area',
            marginRight: 130,
            marginBottom: 85
        },
        title: {
            text: 'Patron Count Spring 2012',
            x: -20 //center
        },


 xAxis: {

         categories:  time,
                     labels: {
                    rotation: -45,
                    align: 'right',
                    style: {
                        fontSize: '13px',
                        fontFamily: 'Verdana, sans-serif'
                            }
                    }
    },
    plotOptions: {
        area: {
            stacking: 'normal',
            marker: {
                enabled: false
            }
        },

    },
    yAxis: {
        title: {
            text: 'Count'
        },
        plotLines: [{
            value: 0,
            width: 1,
            color: '#808080'
        }]
    },
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'top',
        x: -10,
        y: 100,
        borderWidth: 0
    },
    series: date
});

时间显示不正确，因为javascript使用毫秒-您需要将时间戳乘以*1000。 为了使用数据分组，您需要使用Highstock。 {{编辑：

在查看您的小提琴示例时，会发现发生的各种事情都不会正常工作

1您不能将分类轴和日期时间轴组合在一起-这是一个轴或另一个轴。如果您希望数据显示在日期时间轴上，则需要执行以下操作：

将时间戳设置为毫秒，而不是如上所述的秒 您需要创建数据数组，以便x值是时间戳，而不是单独的时间戳数组。即： 这：

becoms：

"data": [[1370799000000,3], [1370802600000,9], [1370806200000,null]]"

---

使用[x，y]的多个系列怎么样配对？您有两个选项：1在所有系列中包括时间戳作为x值，就像第一个一样，或2使用pointStart和pointInterval，然后您可以跳过提供x值。这仅在数据以固定间隔出现时有效-当我绘制此数据时，我也会得到一些非常奇怪的结果…它有很多空白空间在这两个图之间，即使它应该是堆叠的…你知道为什么吗？我更新了JSFIDLE页面…当查看前三个条目的定期数据时，它们是垂直线。我找出了它，因为数据使用的时间间隔从每小时变为每半小时…我如何补偿在highcharts中，我知道highcharts有一种不规则的处理时间间隔的方法，但我不知道如何应用它。当我把这两个数据系列分成它们自己的图表时，很好，但当我把它们合并成一个图表时，这就产生了问题

"data": [[1370799000000,3], [1370802600000,9], [1370806200000,null]]"