Google图表问题（图表标题，轴文字）
我在谷歌排行榜上遇到了一些问题，请看下面的截图和代码。
-
第一个折线图标题不显示
-
图例自动显示在右侧（第一个折线图），即使我指定要在图表底部显示的图例
-
水平轴数据仅显示在第一行聊天中，如何在所有三个图表中显示数据？
-
如何更改水平轴数据，使其可以90度角显示，以便可读？
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {
'packages': ['corechart', 'gauge']
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Time', 'Temperature'],
['2016-02-08 08:46:04', 79],
['2016-02-08 08:47:02', 79],
['2016-02-08 09:00:02', 77],
['2016-02-08 09:15:01', 76],
['2016-02-08 09:30:01', 78],
['2016-02-08 09:45:02', 78],
['2016-02-08 10:00:01', 77],
['2016-02-08 10:15:01', 77],
['2016-02-08 10:29:23', 78],
['2016-02-08 10:30:02', 78],
['2016-02-08 10:45:02', 77],
['2016-02-08 11:00:01', 77],
['2016-02-08 11:15:02', 78],
['2016-02-08 11:30:01', 78],
['2016-02-08 11:45:02', 77],
['2016-02-08 12:00:02', 77],
['2016-02-08 12:15:02', 78],
['2016-02-08 12:30:02', 77],
['2016-02-08 12:45:02', 76],
['2016-02-08 13:00:01', 75],
['2016-02-08 13:15:01', 74],
['2016-02-08 13:30:02', 76],
['2016-02-08 13:45:02', 76],
['2016-02-08 14:00:02', 75],
['2016-02-08 14:15:02', 75],
['2016-02-08 14:30:01', 77],
['2016-02-08 14:45:01', 77],
['2016-02-08 15:00:01', 76],
['2016-02-08 15:15:02', 77],
['2016-02-08 15:30:02', 77],
['2016-02-08 15:45:02', 77],
['2016-02-08 16:00:02', 77],
['2016-02-08 16:15:02', 77],
['2016-02-08 16:30:01', 78],
['2016-02-08 16:45:01', 78],
['2016-02-08 17:00:02', 78],
['2016-02-08 17:15:01', 79],
['2016-02-08 17:30:02', 78],
['2016-02-08 17:45:02', 77],
['2016-02-08 18:00:02', 77],
['2016-02-08 18:15:01', 77],
['2016-02-08 18:30:02', 77],
['2016-02-08 18:45:01', 77],
['2016-02-08 19:00:02', 78],
['2016-02-08 19:15:01', 78],
['2016-02-08 19:30:02', 77],
['2016-02-08 19:45:02', 77],
['2016-02-08 20:00:01', 77],
['2016-02-08 20:15:02', 77],
['2016-02-08 20:30:01', 77],
['2016-02-08 20:45:01', 77],
['2016-02-08 21:00:02', 77],
['2016-02-08 21:15:01', 77],
['2016-02-08 21:30:02', 77],
['2016-02-08 21:45:02', 77],
['2016-02-08 22:00:02', 77],
['2016-02-08 22:15:02', 77],
['2016-02-08 22:30:01', 77],
['2016-02-08 22:45:01', 77],
['2016-02-08 23:00:01', 77],
['2016-02-08 23:15:02', 76],
['2016-02-08 23:30:02', 76],
['2016-02-08 23:45:01', 76],
['2016-02-09 00:00:02', 76],
['2016-02-09 00:15:01', 76],
['2016-02-09 00:30:02', 76],
['2016-02-09 00:45:01', 76],
['2016-02-09 01:00:02', 76],
['2016-02-09 01:15:01', 76],
['2016-02-09 01:30:01', 75],
['2016-02-09 01:45:01', 75],
['2016-02-09 01:49:09', 75],
['2016-02-09 02:00:01', 75],
['2016-02-09 02:15:02', 75],
['2016-02-09 02:30:02', 76],
['2016-02-09 02:45:02', 75],
['2016-02-09 03:00:01', 75],
['2016-02-09 03:15:02', 75],
['2016-02-09 03:30:02', 75],
['2016-02-09 03:45:02', 74],
['2016-02-09 04:00:01', 75],
['2016-02-09 04:15:01', 75],
['2016-02-09 04:30:02', 75],
['2016-02-09 04:45:02', 75],
['2016-02-09 05:00:02', 75],
['2016-02-09 05:15:01', 76],
['2016-02-09 05:30:01', 75],
['2016-02-09 05:45:02', 75],
['2016-02-09 06:00:02', 76],
['2016-02-09 06:15:02', 76],
['2016-02-09 06:30:01', 75],
['2016-02-09 06:39:58', 75],
['2016-02-09 06:45:01', 75],
['2016-02-09 07:00:01', 76],
['2016-02-09 07:15:02', 76],
['2016-02-09 07:30:02', 75]
]);
var data3 = google.visualization.arrayToDataTable([
['Time', 'Humidity'],
['2016-02-08 08:46:04', 35],
['2016-02-08 08:47:02', 35],
['2016-02-08 09:00:02', 36],
['2016-02-08 09:15:01', 36],
['2016-02-08 09:30:01', 35],
['2016-02-08 09:45:02', 35],
['2016-02-08 10:00:01', 35],
['2016-02-08 10:15:01', 35],
['2016-02-08 10:29:23', 34],
['2016-02-08 10:30:02', 34],
['2016-02-08 10:45:02', 35],
['2016-02-08 11:00:01', 36],
['2016-02-08 11:15:02', 34],
['2016-02-08 11:30:01', 34],
['2016-02-08 11:45:02', 34],
['2016-02-08 12:00:02', 35],
['2016-02-08 12:15:02', 34],
['2016-02-08 12:30:02', 34],
['2016-02-08 12:45:02', 34],
['2016-02-08 13:00:01', 34],
['2016-02-08 13:15:01', 34],
['2016-02-08 13:30:02', 33],
['2016-02-08 13:45:02', 33],
['2016-02-08 14:00:02', 34],
['2016-02-08 14:15:02', 33],
['2016-02-08 14:30:01', 32],
['2016-02-08 14:45:01', 32],
['2016-02-08 15:00:01', 33],
['2016-02-08 15:15:02', 31],
['2016-02-08 15:30:02', 31],
['2016-02-08 15:45:02', 32],
['2016-02-08 16:00:02', 32],
['2016-02-08 16:15:02', 32],
['2016-02-08 16:30:01', 31],
['2016-02-08 16:45:01', 33],
['2016-02-08 17:00:02', 31],
['2016-02-08 17:15:01', 30],
['2016-02-08 17:30:02', 29],
['2016-02-08 17:45:02', 31],
['2016-02-08 18:00:02', 31],
['2016-02-08 18:15:01', 31],
['2016-02-08 18:30:02', 31],
['2016-02-08 18:45:01', 31],
['2016-02-08 19:00:02', 31],
['2016-02-08 19:15:01', 31],
['2016-02-08 19:30:02', 32],
['2016-02-08 19:45:02', 31],
['2016-02-08 20:00:01', 31],
['2016-02-08 20:15:02', 32],
['2016-02-08 20:30:01', 32],
['2016-02-08 20:45:01', 34],
['2016-02-08 21:00:02', 33],
['2016-02-08 21:15:01', 33],
['2016-02-08 21:30:02', 32],
['2016-02-08 21:45:02', 31],
['2016-02-08 22:00:02', 31],
['2016-02-08 22:15:02', 30],
['2016-02-08 22:30:01', 29],
['2016-02-08 22:45:01', 30],
['2016-02-08 23:00:01', 30],
['2016-02-08 23:15:02', 29],
['2016-02-08 23:30:02', 28],
['2016-02-08 23:45:01', 27],
['2016-02-09 00:00:02', 29],
['2016-02-09 00:15:01', 30],
['2016-02-09 00:30:02', 30],
['2016-02-09 00:45:01', 32],
['2016-02-09 01:00:02', 32],
['2016-02-09 01:15:01', 32],
['2016-02-09 01:30:01', 32],
['2016-02-09 01:45:01', 33],
['2016-02-09 01:49:09', 33],
['2016-02-09 02:00:01', 33],
['2016-02-09 02:15:02', 32],
['2016-02-09 02:30:02', 32],
['2016-02-09 02:45:02', 32],
['2016-02-09 03:00:01', 32],
['2016-02-09 03:15:02', 32],
['2016-02-09 03:30:02', 32],
['2016-02-09 03:45:02', 32],
['2016-02-09 04:00:01', 33],
['2016-02-09 04:15:01', 33],
['2016-02-09 04:30:02', 33],
['2016-02-09 04:45:02', 32],
['2016-02-09 05:00:02', 32],
['2016-02-09 05:15:01', 31],
['2016-02-09 05:30:01', 32],
['2016-02-09 05:45:02', 31],
['2016-02-09 06:00:02', 30],
['2016-02-09 06:15:02', 30],
['2016-02-09 06:30:01', 31],
['2016-02-09 06:39:58', 30],
['2016-02-09 06:45:01', 30],
['2016-02-09 07:00:01', 29],
['2016-02-09 07:15:02', 29],
['2016-02-09 07:30:02', 29]
]);
var data4 = google.visualization.arrayToDataTable([
['Time', 'Pressure'],
['2016-02-08 08:46:04', 1018],
['2016-02-08 08:47:02', 1018],
['2016-02-08 09:00:02', 1018],
['2016-02-08 09:15:01', 1018],
['2016-02-08 09:30:01', 1018],
['2016-02-08 09:45:02', 1018],
['2016-02-08 10:00:01', 1018],
['2016-02-08 10:15:01', 1018],
['2016-02-08 10:29:23', 1018],
['2016-02-08 10:30:02', 1018],
['2016-02-08 10:45:02', 1019],
['2016-02-08 11:00:01', 1019],
['2016-02-08 11:15:02', 1019],
['2016-02-08 11:30:01', 1019],
['2016-02-08 11:45:02', 1020],
['2016-02-08 12:00:02', 1020],
['2016-02-08 12:15:02', 1020],
['2016-02-08 12:30:02', 1021],
['2016-02-08 12:45:02', 1021],
['2016-02-08 13:00:01', 1021],
['2016-02-08 13:15:01', 1021],
['2016-02-08 13:30:02', 1022],
['2016-02-08 13:45:02', 1022],
['2016-02-08 14:00:02', 1022],
['2016-02-08 14:15:02', 1022],
['2016-02-08 14:30:01', 1022],
['2016-02-08 14:45:01', 1023],
['2016-02-08 15:00:01', 1023],
['2016-02-08 15:15:02', 1023],
['2016-02-08 15:30:02', 1023],
['2016-02-08 15:45:02', 1023],
['2016-02-08 16:00:02', 1023],
['2016-02-08 16:15:02', 1023],
['2016-02-08 16:30:01', 1023],
['2016-02-08 16:45:01', 1023],
['2016-02-08 17:00:02', 1023],
['2016-02-08 17:15:01', 1023],
['2016-02-08 17:30:02', 1023],
['2016-02-08 17:45:02', 1022],
['2016-02-08 18:00:02', 1022],
['2016-02-08 18:15:01', 1022],
['2016-02-08 18:30:02', 1022],
['2016-02-08 18:45:01', 1022],
['2016-02-08 19:00:02', 1021],
['2016-02-08 19:15:01', 1021],
['2016-02-08 19:30:02', 1021],
['2016-02-08 19:45:02', 1020],
['2016-02-08 20:00:01', 1020],
['2016-02-08 20:15:02', 1020],
['2016-02-08 20:30:01', 1020],
['2016-02-08 20:45:01', 1019],
['2016-02-08 21:00:02', 1019],
['2016-02-08 21:15:01', 1019],
['2016-02-08 21:30:02', 1019],
['2016-02-08 21:45:02', 1019],
['2016-02-08 22:00:02', 1018],
['2016-02-08 22:15:02', 1019],
['2016-02-08 22:30:01', 1019],
['2016-02-08 22:45:01', 1019],
['2016-02-08 23:00:01', 1019],
['2016-02-08 23:15:02', 1019],
['2016-02-08 23:30:02', 1019],
['2016-02-08 23:45:01', 1019],
['2016-02-09 00:00:02', 1019],
['2016-02-09 00:15:01', 1019],
['2016-02-09 00:30:02', 1019],
['2016-02-09 00:45:01', 1020],
['2016-02-09 01:00:02', 1020],
['2016-02-09 01:15:01', 1020],
['2016-02-09 01:30:01', 1020],
['2016-02-09 01:45:01', 1020],
['2016-02-09 01:49:09', 1021],
['2016-02-09 02:00:01', 1021],
['2016-02-09 02:15:02', 1021],
['2016-02-09 02:30:02', 1021],
['2016-02-09 02:45:02', 1021],
['2016-02-09 03:00:01', 1021],
['2016-02-09 03:15:02', 1021],
['2016-02-09 03:30:02', 1021],
['2016-02-09 03:45:02', 1021],
['2016-02-09 04:00:01', 1021],
['2016-02-09 04:15:01', 1021],
['2016-02-09 04:30:02', 1021],
['2016-02-09 04:45:02', 1021],
['2016-02-09 05:00:02', 1022],
['2016-02-09 05:15:01', 1021],
['2016-02-09 05:30:01', 1021],
['2016-02-09 05:45:02', 1021],
['2016-02-09 06:00:02', 1021],
['2016-02-09 06:15:02', 1021],
['2016-02-09 06:30:01', 1021],
['2016-02-09 06:39:58', 1021],
['2016-02-09 06:45:01', 1021],
['2016-02-09 07:00:01', 1021],
['2016-02-09 07:15:02', 1021],
['2016-02-09 07:30:02', 1021]
]);
var data2 = google.visualization.arrayToDataTable([
['Label', 'Value'],
['Temp', 75.577],
['RH', 29.82]
]);
var chart = new google.visualization.LineChart(document.getElementById('chart1'));
chart.draw(data, options1);
var options1 = {
title: 'Outside Temperature',
curveType: 'none',
legend: {
position: 'bottom'}
};
var options3 = {
title: 'Outside Humidity',
curveType: 'none',
legend: {
position: 'bottom'
}
};
var options4 = {
title: 'Outside Pressure',
curveType: 'none',
legend: {
position: 'bottom'
}
};
var options2 = {
redFrom: 90,
redTo: 100,
yellowFrom: 75,
yellowTo: 90,
minorTicks: 5
};
var chart2 = new google.visualization.Gauge(document.getElementById('chart2'));
chart2.draw(data2, options2);
////////////////
var chart3 = new google.visualization.LineChart(document.getElementById('chart3'));
chart3.draw(data3, options3);
var chart4 = new google.visualization.LineChart(document.getElementById('chart4'));
chart4.draw(data4, options4);
}
</script>
</head>
<body>
</body>
</html>
1 个答案:
答案 0 :(得分：1)
数目：
- 第一个图表标题不可见，因为{/ 1}}函数在
chart.draw初始化之前被称为 - 与第1项中指明的相同的原因
- X轴标签不会显示，因为它们会被截断，设置图表大小
- 设置选项
options以设置文字角度，例如slantedTextAngle
修改后的示例
hAxis: { slantedText:true, slantedTextAngle:90 }google.charts.load('current', {
'packages': ['corechart', 'gauge']
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Time', 'Temperature'],
['2016-02-08 08:46:04', 79],
['2016-02-08 08:47:02', 79],
['2016-02-08 09:00:02', 77],
['2016-02-08 09:15:01', 76],
['2016-02-08 09:30:01', 78],
['2016-02-08 09:45:02', 78],
['2016-02-08 10:00:01', 77],
['2016-02-08 10:15:01', 77],
['2016-02-08 10:29:23', 78],
['2016-02-08 10:30:02', 78],
['2016-02-08 10:45:02', 77],
['2016-02-08 11:00:01', 77],
['2016-02-08 11:15:02', 78],
['2016-02-08 11:30:01', 78],
['2016-02-08 11:45:02', 77],
['2016-02-08 12:00:02', 77],
['2016-02-08 12:15:02', 78],
['2016-02-08 12:30:02', 77],
['2016-02-08 12:45:02', 76],
['2016-02-08 13:00:01', 75],
['2016-02-08 13:15:01', 74],
['2016-02-08 13:30:02', 76],
['2016-02-08 13:45:02', 76],
['2016-02-08 14:00:02', 75],
['2016-02-08 14:15:02', 75],
['2016-02-08 14:30:01', 77],
['2016-02-08 14:45:01', 77],
['2016-02-08 15:00:01', 76],
['2016-02-08 15:15:02', 77],
['2016-02-08 15:30:02', 77],
['2016-02-08 15:45:02', 77],
['2016-02-08 16:00:02', 77],
['2016-02-08 16:15:02', 77],
['2016-02-08 16:30:01', 78],
['2016-02-08 16:45:01', 78],
['2016-02-08 17:00:02', 78],
['2016-02-08 17:15:01', 79],
['2016-02-08 17:30:02', 78],
['2016-02-08 17:45:02', 77],
['2016-02-08 18:00:02', 77],
['2016-02-08 18:15:01', 77],
['2016-02-08 18:30:02', 77],
['2016-02-08 18:45:01', 77],
['2016-02-08 19:00:02', 78],
['2016-02-08 19:15:01', 78],
['2016-02-08 19:30:02', 77],
['2016-02-08 19:45:02', 77],
['2016-02-08 20:00:01', 77],
['2016-02-08 20:15:02', 77],
['2016-02-08 20:30:01', 77],
['2016-02-08 20:45:01', 77],
['2016-02-08 21:00:02', 77],
['2016-02-08 21:15:01', 77],
['2016-02-08 21:30:02', 77],
['2016-02-08 21:45:02', 77],
['2016-02-08 22:00:02', 77],
['2016-02-08 22:15:02', 77],
['2016-02-08 22:30:01', 77],
['2016-02-08 22:45:01', 77],
['2016-02-08 23:00:01', 77],
['2016-02-08 23:15:02', 76],
['2016-02-08 23:30:02', 76],
['2016-02-08 23:45:01', 76],
['2016-02-09 00:00:02', 76],
['2016-02-09 00:15:01', 76],
['2016-02-09 00:30:02', 76],
['2016-02-09 00:45:01', 76],
['2016-02-09 01:00:02', 76],
['2016-02-09 01:15:01', 76],
['2016-02-09 01:30:01', 75],
['2016-02-09 01:45:01', 75],
['2016-02-09 01:49:09', 75],
['2016-02-09 02:00:01', 75],
['2016-02-09 02:15:02', 75],
['2016-02-09 02:30:02', 76],
['2016-02-09 02:45:02', 75],
['2016-02-09 03:00:01', 75],
['2016-02-09 03:15:02', 75],
['2016-02-09 03:30:02', 75],
['2016-02-09 03:45:02', 74],
['2016-02-09 04:00:01', 75],
['2016-02-09 04:15:01', 75],
['2016-02-09 04:30:02', 75],
['2016-02-09 04:45:02', 75],
['2016-02-09 05:00:02', 75],
['2016-02-09 05:15:01', 76],
['2016-02-09 05:30:01', 75],
['2016-02-09 05:45:02', 75],
['2016-02-09 06:00:02', 76],
['2016-02-09 06:15:02', 76],
['2016-02-09 06:30:01', 75],
['2016-02-09 06:39:58', 75],
['2016-02-09 06:45:01', 75],
['2016-02-09 07:00:01', 76],
['2016-02-09 07:15:02', 76],
['2016-02-09 07:30:02', 75]
]);
var data3 = google.visualization.arrayToDataTable([
['Time', 'Humidity'],
['2016-02-08 08:46:04', 35],
['2016-02-08 08:47:02', 35],
['2016-02-08 09:00:02', 36],
['2016-02-08 09:15:01', 36],
['2016-02-08 09:30:01', 35],
['2016-02-08 09:45:02', 35],
['2016-02-08 10:00:01', 35],
['2016-02-08 10:15:01', 35],
['2016-02-08 10:29:23', 34],
['2016-02-08 10:30:02', 34],
['2016-02-08 10:45:02', 35],
['2016-02-08 11:00:01', 36],
['2016-02-08 11:15:02', 34],
['2016-02-08 11:30:01', 34],
['2016-02-08 11:45:02', 34],
['2016-02-08 12:00:02', 35],
['2016-02-08 12:15:02', 34],
['2016-02-08 12:30:02', 34],
['2016-02-08 12:45:02', 34],
['2016-02-08 13:00:01', 34],
['2016-02-08 13:15:01', 34],
['2016-02-08 13:30:02', 33],
['2016-02-08 13:45:02', 33],
['2016-02-08 14:00:02', 34],
['2016-02-08 14:15:02', 33],
['2016-02-08 14:30:01', 32],
['2016-02-08 14:45:01', 32],
['2016-02-08 15:00:01', 33],
['2016-02-08 15:15:02', 31],
['2016-02-08 15:30:02', 31],
['2016-02-08 15:45:02', 32],
['2016-02-08 16:00:02', 32],
['2016-02-08 16:15:02', 32],
['2016-02-08 16:30:01', 31],
['2016-02-08 16:45:01', 33],
['2016-02-08 17:00:02', 31],
['2016-02-08 17:15:01', 30],
['2016-02-08 17:30:02', 29],
['2016-02-08 17:45:02', 31],
['2016-02-08 18:00:02', 31],
['2016-02-08 18:15:01', 31],
['2016-02-08 18:30:02', 31],
['2016-02-08 18:45:01', 31],
['2016-02-08 19:00:02', 31],
['2016-02-08 19:15:01', 31],
['2016-02-08 19:30:02', 32],
['2016-02-08 19:45:02', 31],
['2016-02-08 20:00:01', 31],
['2016-02-08 20:15:02', 32],
['2016-02-08 20:30:01', 32],
['2016-02-08 20:45:01', 34],
['2016-02-08 21:00:02', 33],
['2016-02-08 21:15:01', 33],
['2016-02-08 21:30:02', 32],
['2016-02-08 21:45:02', 31],
['2016-02-08 22:00:02', 31],
['2016-02-08 22:15:02', 30],
['2016-02-08 22:30:01', 29],
['2016-02-08 22:45:01', 30],
['2016-02-08 23:00:01', 30],
['2016-02-08 23:15:02', 29],
['2016-02-08 23:30:02', 28],
['2016-02-08 23:45:01', 27],
['2016-02-09 00:00:02', 29],
['2016-02-09 00:15:01', 30],
['2016-02-09 00:30:02', 30],
['2016-02-09 00:45:01', 32],
['2016-02-09 01:00:02', 32],
['2016-02-09 01:15:01', 32],
['2016-02-09 01:30:01', 32],
['2016-02-09 01:45:01', 33],
['2016-02-09 01:49:09', 33],
['2016-02-09 02:00:01', 33],
['2016-02-09 02:15:02', 32],
['2016-02-09 02:30:02', 32],
['2016-02-09 02:45:02', 32],
['2016-02-09 03:00:01', 32],
['2016-02-09 03:15:02', 32],
['2016-02-09 03:30:02', 32],
['2016-02-09 03:45:02', 32],
['2016-02-09 04:00:01', 33],
['2016-02-09 04:15:01', 33],
['2016-02-09 04:30:02', 33],
['2016-02-09 04:45:02', 32],
['2016-02-09 05:00:02', 32],
['2016-02-09 05:15:01', 31],
['2016-02-09 05:30:01', 32],
['2016-02-09 05:45:02', 31],
['2016-02-09 06:00:02', 30],
['2016-02-09 06:15:02', 30],
['2016-02-09 06:30:01', 31],
['2016-02-09 06:39:58', 30],
['2016-02-09 06:45:01', 30],
['2016-02-09 07:00:01', 29],
['2016-02-09 07:15:02', 29],
['2016-02-09 07:30:02', 29]
]);
var data4 = google.visualization.arrayToDataTable([
['Time', 'Pressure'],
['2016-02-08 08:46:04', 1018],
['2016-02-08 08:47:02', 1018],
['2016-02-08 09:00:02', 1018],
['2016-02-08 09:15:01', 1018],
['2016-02-08 09:30:01', 1018],
['2016-02-08 09:45:02', 1018],
['2016-02-08 10:00:01', 1018],
['2016-02-08 10:15:01', 1018],
['2016-02-08 10:29:23', 1018],
['2016-02-08 10:30:02', 1018],
['2016-02-08 10:45:02', 1019],
['2016-02-08 11:00:01', 1019],
['2016-02-08 11:15:02', 1019],
['2016-02-08 11:30:01', 1019],
['2016-02-08 11:45:02', 1020],
['2016-02-08 12:00:02', 1020],
['2016-02-08 12:15:02', 1020],
['2016-02-08 12:30:02', 1021],
['2016-02-08 12:45:02', 1021],
['2016-02-08 13:00:01', 1021],
['2016-02-08 13:15:01', 1021],
['2016-02-08 13:30:02', 1022],
['2016-02-08 13:45:02', 1022],
['2016-02-08 14:00:02', 1022],
['2016-02-08 14:15:02', 1022],
['2016-02-08 14:30:01', 1022],
['2016-02-08 14:45:01', 1023],
['2016-02-08 15:00:01', 1023],
['2016-02-08 15:15:02', 1023],
['2016-02-08 15:30:02', 1023],
['2016-02-08 15:45:02', 1023],
['2016-02-08 16:00:02', 1023],
['2016-02-08 16:15:02', 1023],
['2016-02-08 16:30:01', 1023],
['2016-02-08 16:45:01', 1023],
['2016-02-08 17:00:02', 1023],
['2016-02-08 17:15:01', 1023],
['2016-02-08 17:30:02', 1023],
['2016-02-08 17:45:02', 1022],
['2016-02-08 18:00:02', 1022],
['2016-02-08 18:15:01', 1022],
['2016-02-08 18:30:02', 1022],
['2016-02-08 18:45:01', 1022],
['2016-02-08 19:00:02', 1021],
['2016-02-08 19:15:01', 1021],
['2016-02-08 19:30:02', 1021],
['2016-02-08 19:45:02', 1020],
['2016-02-08 20:00:01', 1020],
['2016-02-08 20:15:02', 1020],
['2016-02-08 20:30:01', 1020],
['2016-02-08 20:45:01', 1019],
['2016-02-08 21:00:02', 1019],
['2016-02-08 21:15:01', 1019],
['2016-02-08 21:30:02', 1019],
['2016-02-08 21:45:02', 1019],
['2016-02-08 22:00:02', 1018],
['2016-02-08 22:15:02', 1019],
['2016-02-08 22:30:01', 1019],
['2016-02-08 22:45:01', 1019],
['2016-02-08 23:00:01', 1019],
['2016-02-08 23:15:02', 1019],
['2016-02-08 23:30:02', 1019],
['2016-02-08 23:45:01', 1019],
['2016-02-09 00:00:02', 1019],
['2016-02-09 00:15:01', 1019],
['2016-02-09 00:30:02', 1019],
['2016-02-09 00:45:01', 1020],
['2016-02-09 01:00:02', 1020],
['2016-02-09 01:15:01', 1020],
['2016-02-09 01:30:01', 1020],
['2016-02-09 01:45:01', 1020],
['2016-02-09 01:49:09', 1021],
['2016-02-09 02:00:01', 1021],
['2016-02-09 02:15:02', 1021],
['2016-02-09 02:30:02', 1021],
['2016-02-09 02:45:02', 1021],
['2016-02-09 03:00:01', 1021],
['2016-02-09 03:15:02', 1021],
['2016-02-09 03:30:02', 1021],
['2016-02-09 03:45:02', 1021],
['2016-02-09 04:00:01', 1021],
['2016-02-09 04:15:01', 1021],
['2016-02-09 04:30:02', 1021],
['2016-02-09 04:45:02', 1021],
['2016-02-09 05:00:02', 1022],
['2016-02-09 05:15:01', 1021],
['2016-02-09 05:30:01', 1021],
['2016-02-09 05:45:02', 1021],
['2016-02-09 06:00:02', 1021],
['2016-02-09 06:15:02', 1021],
['2016-02-09 06:30:01', 1021],
['2016-02-09 06:39:58', 1021],
['2016-02-09 06:45:01', 1021],
['2016-02-09 07:00:01', 1021],
['2016-02-09 07:15:02', 1021],
['2016-02-09 07:30:02', 1021]
]);
var data2 = google.visualization.arrayToDataTable([
['Label', 'Value'],
['Temp', 75.577],
['RH', 29.82]
]);
var options1 = {
title: 'Outside Temperature',
curveType: 'none',
legend: {
position: 'bottom'
},
chartArea:{top:0,height:200},
hAxis: {
slantedText:true,
slantedTextAngle:90
},
};
var options3 = {
title: 'Outside Humidity',
curveType: 'none',
legend: {
position: 'bottom'
},
chartArea:{top:0,height:200},
hAxis: {
slantedText:true,
slantedTextAngle:90
}
};
var options4 = {
title: 'Outside Pressure',
curveType: 'none',
legend: {
position: 'bottom'
},
chartArea:{top:0,height:200},
hAxis: {
slantedText:true,
slantedTextAngle:90
}
};
var options2 = {
redFrom: 90,
redTo: 100,
yellowFrom: 75,
yellowTo: 90,
minorTicks: 5
};
var chart = new google.visualization.LineChart(document.getElementById('chart1'));
chart.draw(data, options1);
var chart2 = new google.visualization.Gauge(document.getElementById('chart2'));
chart2.draw(data2, options2);
////////////////
var chart3 = new google.visualization.LineChart(document.getElementById('chart3'));
chart3.draw(data3, options3);
var chart4 = new google.visualization.LineChart(document.getElementById('chart4'));
chart4.draw(data4, options4);
}
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？