这是一个新手问题,但我如何在 Google Charts line chart 中使用 x 轴的日期? ?
当我使用 new Date( ... ) 时,我收到错误消息“ Uncaught Error :不支持日期和日期时间列类型”
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Datum','Person1','Person2','Person3'],
[new Date(2012, 12, 19, 0, 0, 0),'5072.0537223002','5072.0537223002','5074.2809630567'],
[new Date(2012, 12, 20, 0, 0, 0),'5072.0537223002','5072.0537223002','5074.2809630567'],
]);
var options = {};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
(在 x 轴上使用均匀间隔的字符串是可以接受的,但是当我尝试使用字符串时“轴 #0 的数据列不能是字符串类型”)
最佳答案
如何将日期转换为字符串并只使用 Date
而不使用 new
,如下所示:
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Datum','Person1','Person2','Person3'],
[Date(2012, 12, 19, 0, 0, 0).toString(),'5072.0537223002','5072.0537223002','5074.2809630567'],
[Date(2012, 12, 20, 0, 0, 0).toString(),'5072.0537223002','5072.0537223002','5074.2809630567'],
]);
var options = {};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
编辑: 您可以在此链接中按照他们的示例进行操作:
https://google-developers.appspot.com/chart/interactive/docs/customizing_axes
编辑 2:
这是我能做的: http://jsfiddle.net/ANC9H/2/
google.load("visualization", "1", {packages:["LineChart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('date', 'Date');
data.addColumn('number', 'persone1');
data.addColumn('number', 'persone2');
data.addColumn('number', 'persone3');
data.addRows([
[new Date(2008, 1 ,1),0.7,0.8,0.6],
[new Date(2008, 1 ,7),0.5,0.55,0.9] ]);
var options = {};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
希望对您有所帮助。
关于javascript - Google Charts 折线图中 a 轴上的日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13963550/