散点图上的日与时间

时间:2014-02-09 18:17:28

标签: datetime highcharts unix-timestamp

我希望有一天与时间表的情节。我有一些unix时间值。我只需要在X轴和Y轴上绘制它们,使得X轴上的星期几(例如星期一,Tuseday等)和Y轴上的时间例如(2:24,13:40等)。我尝试过使用datetime类型。但我想我错过了一些东西。

以下是我试图做的事情:

        data=[["Saturday", 1390723133.57414], ["Sunday", 1390803027.3852], ["Monday", 1390862581.18321], ["Monday", 1390830748.67335], ["Wedneday", 1391015403.93726], ["Wedneday", 1391006992.20059], ["Sunday", 1390804961.8415]]

        $('#container').highcharts({
            chart: {
                type: 'scatter',
                zoomType: 'xy'
            },
            title: {
                text: 'test'
            },

            xAxis: {
                title: {
                    enabled: true,
                    text: 'Day of the week'
                },
                startOnTick: true,
                endOnTick: true,
                showLastLabel: true,

            },
            yAxis: {
                title: {
                    text: 'Time of the day'
                },
                type: 'datetime',

            },
            legend: {
                layout: 'vertical',
                align: 'left',
                verticalAlign: 'top',
                x: 100,
                y: 70,
                floating: true,
                backgroundColor: '#FFFFFF',
                borderWidth: 1
            },
            plotOptions: {
                scatter: {
                    marker: {
                        radius: 5,
                        states: {
                            hover: {
                                enabled: true,
                                lineColor: 'rgb(100,100,100)'
                            }
                        }
                    },
                    states: {
                        hover: {
                            marker: {
                                enabled: false
                            }
                        }
                    }
                }
            },
            series: [{
                name: '',
                color: 'rgba(223, 83, 83, .5)',
                data: data


            }]
        });
    });
});

1 个答案:

答案 0 :(得分:0)

您需要将数据解析为正确的格式,因为在数据数组中,您需要有时间戳或数字,而不是天数/字符串。