Google图表,每天的时间从8:00开始,到7:45结束 [英] Google charts, timeofday starts at 8:00 and ends at 7:45
本文介绍了Google图表,每天的时间从8:00开始,到7:45结束的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在使用Google图表时遇到了一些麻烦.我有一个Google区域图:
I'm having some trouble with Google charts. I have a Google area chart:
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('timeofday','time');
data.addColumn('number','temp');
data.addRows([
[[8,0,0],7.875],
[[8,15,0],7.9399996],
[[8,30,0],8.1],
[[8,45,0],8.160001],
[[9,0,0],8.139999],
// data every quarter of an hour
[[7,15,0],9.26],
[[7,30,0],9.26],
[[7,45,0],9.18]
]);
var options = {
title: 'Title',
vAxis: {
title: 'AvgTemp',
titleTextStyle: {color: 'red'},
}
hAxis: {
title: 'Time',
titleTextStyle: {color: 'red'},
}
};
var chart = new google.visualization.AreaChart(document.getElementById('chart_div2'));
chart.draw(data, options);
}
</script>
现在,当我加载页面时,图表的hAxis开始于0:00,结束于24:00,并破坏了图表.如何使图表从8:00开始到7:45结束?
Now, when I load my page, the hAxis of the chart starts at 0:00 and ends at 24:00, and it destroys the chart. How can I make it so that the chart starts at 8:00 and ends at 7:45?
我已经尝试过使用视图窗口进行某些操作,但似乎无法使其正常工作.
I've tried some things with view window but I can't seem to make it work.
谢谢.
推荐答案
答案是使用日期时间而不是一天中的某个时间,这样您就需要添加一个日期,这就是api如何知道哪个时间先到
The answer was to use a datetime instead of a time of the day, this way you need to add a date and thats how the api knows which time comes first.
像这样:
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('datetime','time');
data.addColumn('number','temp');
data.addRows([
[new Date(2012,11,3,8,0,0),7.875],
[new Date(2012,11,3,8,15,0),7.9399996],
[new Date(2012,11,3,8,30,0),8.1],
[new Date(2012,11,3,8,45,0),8.160001],
[new Date(2012,11,3,9,0,0),8.139999],
//new data every quarter of an hour
[new Date(2012,11,4,7,0,0),9.42],
[new Date(2012,11,4,7,15,0),9.26],
[new Date(2012,11,4,7,30,0),9.26],
[new Date(2012,11,4,7,45,0),9.18]
]);
var options = {
title: 'Title',
vAxis: { title: 'AvgTemp',
titleTextStyle: {color: 'red'},
},
hAxis: { title: 'Time',
titleTextStyle: {color: 'red'},
}
};
var chart = new google.visualization.AreaChart(document.getElementById('chart_div2'));
chart.draw(data, options);
}
</script>
这篇关于Google图表,每天的时间从8:00开始,到7:45结束的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文