我需要绘制一张图表,以便在一天内实时显示数据的演变.我一直在玩
Google Charts Playground,看看它是如何可视化的,但我无法设置hAxis.viewWindow.max选项,以使X轴被修复.
以下是我一直用来测试的代码：
function drawVisualization() {
// Create and populate the data table.
var data = new google.visualization.DataTable();
data.addColumn('timeofday','x');
data.addColumn('number','S0');
data.addColumn('number','S1');
data.addColumn('number','S2');
data.addRows([
[[0,0],1,0.5],[[1,2,0.5,1],[[2,4,]);
// Create and draw the visualization.
new google.visualization.LineChart(document.getElementById('visualization')).
draw(data,{curveType: "function",width: 500,height: 400,vAxis: {maxValue: 10},hAxis: {maxValue: [23,59,minValue:[0,viewWindow:{max: [23,0]}}}
);
}
文档声称hAxis.viewWindow.max接收到数字,但是我没有找到一种方式来表示“timeofday”类型作为数字.
使用它,X轴从上午到凌晨2点,但我需要轴直到午夜.
我尝试使用“datetime”作为列类型,具有相同的问题.
下面的样本,使用数字,按照我的意图,绘制我的点的线,但扩展网格直到我的最大值：
function drawVisualization() {
// Create and populate the data table.
var data = new google.visualization.DataTable();
data.addColumn('number','S2');
data.addRows([
[0,[1,[2,hAxis: {maxValue: 23,minValue:0,viewWindow:{max: 23}}}
);
}
