我正在尝试使用Google的图表API来显示折线图 我创建了一个包含两列的数据表,一个日期和一个数值。线条显示正确但X轴上的标签丢失。 所有数据都在同一天,但在不同的时间。如果我编辑日期以便在不同的日子传播它们,一切正常 我需要仅在一天内关注我的图表,并在X轴上显示小时和分钟 我怎么能这样做?
感谢。
答案 0 :(得分:6)
通常归结为您传递数据的方式。使用arrayToDataTable
,您的日期只是字符串。如果您实例化JS日期对象并构建dataTable
,您应该会获得更好的结果。此代码适用于我(请参阅live):
function drawVisualization() {
var data = new google.visualization.DataTable();
data.addColumn('datetime', 'Time of Day');
data.addColumn('number', 'Some Measurement');
data.addRows([
[new Date(2012,10,3,11,30,0), 12],
[new Date(2012,10,3,11,45,0), 2],
[new Date(2012,10,3,12,1,0), 16],
[new Date(2012,10,3,12,15,0), 3],
[new Date(2012,10,3,12,30,0), 12],
[new Date(2012,10,3,12,45,0), 7]
]);
new google.visualization.LineChart(document.getElementById('visualization')).
draw(data, {curveType: "function",
width: 500, height: 400,
vAxis: {maxValue: 10}}
);
}
我曾经是谷歌可视化的粉丝,但他们的未经宣布的更新已被烧毁太多次。它也有很多局限性。查看Dygraph,它可以很好地处理时间序列。
答案 1 :(得分:0)
要focus my chart in one day only and show hours and minutes on the X axis.
,您需要在查询中执行此操作。这与Google Charts没有任何关系。您可以查看haxis参数,看看是否可以更改其中一些值以达到您的目标https://google-developers.appspot.com/chart/interactive/docs/gallery/linechart