来自Google电子表格的Highcharts折线图

时间:2016-07-08 10:17:22

标签: javascript datetime highcharts google-sheets datetime-format

我有一个包含两列的Google电子表格:

  • 日期/时间列,格式为dd / mm / yyyy HH.MM.SS
  • 带数字的温度栏

示例电子表格是公开的,每个人都可以修改它:

https://docs.google.com/spreadsheets/d/1-W2c443tuaBTrE5aMOlBckAjHB-jIS2KLlB83EH8Zc0

我用这种方式创建了一个简单的Highchart图表:

$('#chart').highcharts({
    chart: {
        type: 'spline'
    },
    title: {
        text: 'Temperature Log'
    },
    xAxis: {
        text: 'Time',
        type: 'datetime'
    },
    yAxis: {
        title: {
            text: 'Temperature'
        }
    },        
    data: {
         googleSpreadsheetKey: '1-W2c443tuaBTrE5aMOlBckAjHB-jIS2KLlB83EH8Zc0'
    }       
});

图表效果很好,你可以在这里看到:

https://jsfiddle.net/itzuki87/f474dhuy/3/

问题是x轴没有正确呈现日期时间格式,它从1970年1月1日开始。我必须使用哪种格式?我是否必须更改电子表格或脚本?

谢谢。

1 个答案:

答案 0 :(得分:1)

将日期转换为格式:YYYY-MM-DD HH:MM:SS