Question

我不确定为什么，但我无法让x轴显示正确的时间戳信息，时间戳数据采用unix时间戳格式。而且我也无法弄清楚如何正确堆叠这两个图形。

另外，我想使用Highcharts库提供的数据分组方法对这些数据进行Datagroup。

    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
});

Answer 1

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

{{编辑：

在查看你的小提琴示例时，有各种各样的事情无法正常工作。

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

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

这样：

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

becoms：

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

Highcharts堆积区域数据

1 个答案: