Google 电子表格中的 Highcharts 折线图
Highcharts line chart from a Google spreadsheet
我有一个包含两列的 Google 电子表格:
- 一个 Date/Time 列,格式为 dd/mm/yyyy HH.MM.SS
- 带有数字的温度列
示例电子表格是public,大家可以修改:
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 日开始。我必须使用哪种格式正确?我必须更改电子表格或脚本吗?
谢谢。
将您的日期转换为以下格式:YYYY-MM-DD HH:MM:SS
我有一个包含两列的 Google 电子表格:
- 一个 Date/Time 列,格式为 dd/mm/yyyy HH.MM.SS
- 带有数字的温度列
示例电子表格是public,大家可以修改:
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 日开始。我必须使用哪种格式正确?我必须更改电子表格或脚本吗?
谢谢。
将您的日期转换为以下格式:YYYY-MM-DD HH:MM:SS