Highcharts X-Axis作为时间

时间:2016-04-25 20:18:35

标签: javascript php postgresql highcharts

我无法从PostgreSQL数据库转换时间戳。时间戳是带有时区的日期时间,因此看起来像这样

2016-04-24 20:52:04.291271-04

我希望图表x轴显示类似April 24 8:52pm

的内容

目前,我从$.post检索查询数据,数据如下所示

[2016-04-24 23:42:04.322966-04, 76.7]
[2016-04-25 00:02:04.327885-04, 77.28]
[2016-04-25 00:12:04.328069-04, 76.37]
[2016-04-25 00:22:04.329217-04, 76.15]

目前看起来像this

我的高潮创作

('div#GraphContainer').highcharts({
        chart: {
            zoomType: 'x'
        },

        title : {
            text : name
        },
        xAxis: {
            type: 'datetime'        

        },

        yAxis: {
            title: {
                text: 'UoM'
            }
        },

        plotOptions: {
            area: {
                fillColor: {
                    linearGradient: {
                        x1: 0,
                        y1: 0,
                        x2: 0,
                        y2: 1
                    },
                    stops: [
                        [0, Highcharts.getOptions().colors[0]],
                        [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
                    ]
                },
                marker: {
                    radius: 2
                },
                lineWidth: 1,
                states: {
                    hover: {
                        lineWidth: 1
                    }
                },
                threshold: null
            }
        },
        series : [{
            type : 'area',
            name : 'IO Data',
            data : data,
            tooltip: {
                valueDecimals: 2
            }
        }]
    });

我的代码从PHP脚本中读取JSON。

var ioName = "Empty";
var newData = [];
for (var i = 0; i < retrievedData.length; i++) {


    var line = retrievedData[i];

    if(i == 0){
        ioName = line.name;                 
    }else {                             
        var newDataArray = [];
        console.log(line.date + ", " + line.value);                 
        newDataArray[0] = new Date(line.date.split(".")[0]);                    
        newDataArray[1] = Number(line.value);
        newData[i - 1] = newDataArray;
    }

}       

编辑

After Edit

0 个答案:

没有答案