1

这是源代码 http://jsfiddle.net/m5cvH/

我不太确定为什么，但我无法让 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
});
4

1 回答 1

0
  • 时间无法正确显示，因为 javascript 使用毫秒 - 您需要将时间戳* 1000 相乘。
  • 为了使用数据分组，您需要使用 Highstock。

{{编辑：

在查看您的小提琴示例时，发生了很多事情都无法正常工作。

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

  • 使您的时间戳毫秒而不是秒（如上所述）
  • 您需要创建数据数组，以便 x 值是时间戳，而不是拥有单独的时间戳数组。IE：

这个：

"data": [3, 9, null]"

变成：

"data": [[1370799000000,3], [1370802600000,9], [1370806200000,null]]"
于 2013-06-17T18:39:39.840 回答