使用类型:datetime时遇到x轴问题

时间:2016-08-10 18:55:03

标签: jquery json datetime highcharts

这是我的代码:

$(document).ready(function() {

    var options = {
        chart: {
            renderTo: 'container',
            type: 'spline'
        },
        series: [{}],
        title: {
            text: 'Humidity vs Time',
            x: -20 //center
        },
        xAxis: {
            type: 'datetime'
            title: {
                text: 'Time'
            }
        },
        yAxis: {
            title: {
                text: 'Humidity'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        }
    };

    $.getJSON('humidity', function(data) {
        options.series[0].data = data;
        var chart = new Highcharts.Chart(options);
    });

});

它抓住的json数据是这样的,第一个变量是自1970年以来的毫秒:

[[1331028000000, 5],  [1331031600000, 6], [1331035200000, 4]]

我目前正在尝试绘制数据点,其中一个是时间,另一个是值。要做到这一点,我一直在尝试使用日期时间x轴将时间变量格式从1970年以来的毫秒格式化为一些不错的东西,但第一步是让它实际上在x上以毫秒为单位运行-轴。问题是,当我尝试用声明为datetime的x轴类型绘制图形时,图形无法加载。但是,如果我注释掉"键入:' datetime'",图表会很好地加载,尽管我可以格式化大量的x轴值。

我有什么明显的遗失吗?

1 个答案:

答案 0 :(得分:0)

您在type: 'datetime'之后错过了一个逗号。添加一个逗号,它应该可以正常工作。