Javascript 如何将小时刻度设置为google折线图的X轴
我有谷歌折线图,我想把时间刻度(24小时)放在轴上,而不是放在年上,那么我该怎么做呢 这是谷歌的样线图Javascript 如何将小时刻度设置为google折线图的X轴,javascript,google-visualization,Javascript,Google Visualization,我有谷歌折线图,我想把时间刻度(24小时)放在轴上,而不是放在年上,那么我该怎么做呢 这是谷歌的样线图 <html> <head> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("visualization", "
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses'],
['2004', 1000, 400],
['2005', 1170, 460],
['2006', 660, 1120],
['2007', 1030, 540]
]);
var options = {
title: 'Company Performance'
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
</body>
</html>
load(“可视化”、“1”、{packages:[“corechart”]});
setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“年度”、“销售额”、“费用”],
['2004', 1000, 400],
['2005', 1170, 460],
['2006', 660, 1120],
['2007', 1030, 540]
]);
变量选项={
标题:“公司业绩”
};
var chart=new google.visualization.LineChart(document.getElementById('chart_div'));
图表绘制(数据、选项);
}
您可以将“timeofday”数据类型用于24小时图表。“timeofday”数据类型采用4个值的数组:[小时、分钟、秒、毫秒]
,因此6:31:18 PM将作为[18、31、18、0]
输入
var data = google.visualization.arrayToDataTable([
['Time of day', 'Sales', 'Expenses'],
[[3, 30, 15, 0], 1000, 400],
[[7, 21, 56, 0], 1170, 460],
[[12, 49, 17, 0], 660, 1120],
[[19, 41, 47, 0], 1030, 540]
]);
请参见此处的示例: