google.load('visualization', '1', {
packages: ['corechart', 'line']
});
google.setOnLoadCallback(drawBasic);
function drawBasic() {
var data = new google.visualization.DataTable();
data.addColumn('number', 'X');
data.addColumn('number', 'Current Data');
data.addRows([
[
1413154800000,
0],
[
1413158400000,
0],
[
1413162000000,
0],
[
1413165600000,
0],
[
1413169200000,
0],
[
1413172800000,
0],
[
1413176400000,
0],
[
1413180000000,
1],
[
1413183600000,
5],
[
1413187200000,
20],
[
1413190800000,
16],
[
1413194400000,
8],
[
1413198000000,
2],
[
1413201600000,
3],
[
1413205200000,
2],
[
1413208800000,
0],
[
1413212400000,
0],
[
1413216000000,
0],
[
1413219600000,
0],
[
1413223200000,
0],
[
1413226800000,
0],
[
1413230400000,
0],
[
1413234000000,
0],
[
1413237600000,
0]
]);
var options = {
hAxis: {
title: 'Current Time',
gridlines: {
color: 'none'
}
},
vAxis: {
title: 'Minutes',
gridlines: {
color: 'none'
}
},
curveType: 'function'
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
为了创建折线图,数据集采用纪元值。如果它与 new Date(epoch_value) 一起传递,例如 [ new Date(1413230400000), 0] ,则会抛出错误。还尝试在选项中将类型设置为日期,但这也不起作用。
基本上我希望它采用日期/时间格式。
fiddle 链接: link
最佳答案
尝试使用DateFormatter
文档: https://developers.google.com/chart/interactive/docs/reference#dateformat
关于javascript - 如何直接在谷歌图表中使用javascript纪元时间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31139349/