Javascript 谷歌图表折线图小时和分钟
我正在尝试使用谷歌的图表API来显示折线图。Javascript 谷歌图表折线图小时和分钟,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我正在尝试使用谷歌的图表API来显示折线图。 我创建了一个包含两列的数据表,一列是日期,一列是数值。线显示正确,但X轴上的标签丢失。 所有数据都在同一天,但在不同的时间。如果我编辑日期以便将它们分布在不同的日期,一切都会正常。 我只需要在一天内聚焦图表,并在X轴上显示小时和分钟。 我该怎么做 谢谢。至仅在一天内聚焦我的图表,并在X轴上显示小时和分钟。您需要在查询中执行此操作。这与谷歌图表没有任何关系。您可以查看haxis参数,看看是否可以更改其中的一些值以实现所需的功能通常归结为如何传递数据。使
我创建了一个包含两列的数据表,一列是日期,一列是数值。线显示正确,但X轴上的标签丢失。 所有数据都在同一天,但在不同的时间。如果我编辑日期以便将它们分布在不同的日期,一切都会正常。
我只需要在一天内聚焦图表,并在X轴上显示小时和分钟。
我该怎么做
谢谢。至
仅在一天内聚焦我的图表,并在X轴上显示小时和分钟。
您需要在查询中执行此操作。这与谷歌图表没有任何关系。您可以查看haxis参数,看看是否可以更改其中的一些值以实现所需的功能通常归结为如何传递数据。使用arrayToDataTable
您的日期只是字符串。如果实例化JS date对象并构建数据表
,应该会得到更好的结果。此代码适用于我(请参见):
我曾经是谷歌可视化的粉丝,但被他们的未经宣布的更新烧死了太多次。它也有很多局限性。看看哪个时间序列处理得很好。嗨,我的错误是用“日期”作为类型而不是“日期时间”。谢谢你关于动态图的提示。
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}}
);
}