Charts 如何在Google图表中将hAxis设置为日期格式?
我使用谷歌图表作为数据表。 我尝试将hAxis作为日期格式:Charts 如何在Google图表中将hAxis设置为日期格式?,charts,google-visualization,Charts,Google Visualization,我使用谷歌图表作为数据表。 我尝试将hAxis作为日期格式: hAxis: { title: '', format: 'date', viewWindow: { min: [7, 30, 0], max: [17, 30, 0] } } 并将行添加为: data.addRows([ [{v: [8, 0,
hAxis: {
title: '',
format: 'date',
viewWindow: {
min: [7, 30, 0],
max: [17, 30, 0]
}
}
并将行添加为:
data.addRows([
[{v: [8, 0, 0], f: '03/02/13'}, 1],
[{v: [9, 0, 0], f: '04/02/13'}, 2],
[{v: [10, 0, 0], f:'05/02/13'}, 3],
[{v: [11, 0, 0], f: '06/02/13'}, 4],
[{v: [12, 0, 0], f: '07/02/13'}, 5]
]);
我需要以日期格式输入横线(hAxis)标题:
dd/mm/yy
hAxis。格式要求模式,或模式名称
所以会有点像
hAxis: {
format: 'short'
// or
format: 'dd/MM/yy'
}
然而,正如评论中指出的,列类型似乎是timeofday
为避免更改列类型,您可以提供自己的自定义hAxis.ticks
,
使用提供给图表的数据
请参阅下面的工作代码段。使用rawData
填充图表数据和刻度
google.charts.load('current'{
回调:函数(){
var rawData=[
[{v:[8,0,0],f:'03/02/13'},1],
[{v:[9,0,0],f:'04/02/13'},2],
[{v:[10,0,0],f:'05/02/13'},3],
[{v:[11,0,0],f:'06/02/13'},4],
[{v:[12,0,0],f:'07/02/13'},5]
];
var data=new google.visualization.DataTable();
addColumn({label:'Date',type:'timeofday'});
addColumn({label:'Count',type:'number'});
data.addRows(rawData);
var hTicks=[];
对于(var i=0;i
噢。我现在明白了。您的值可能被解释为一天中的时间,而不是日期。您需要传递一个javascript日期对象,以便图表库将其格式化为日期。