0
我正在使用Google Data Chart,但无法找到我想要做的事情。我想做类似于股票图表的事情,但不那么复杂。Google Data Chart有24小时x轴
我想要有一个折线图或面积图,无论一天中的哪一天总是在x轴上显示整整24小时。
我只希望在当天填写日期。因此,如果我有多个数据点,中午只能水平放置一半图形,另一半则会空着等待数据。合理?
一个链接或例子会很好,谢谢。
我正在使用Google Data Chart,但无法找到我想要做的事情。我想做类似于股票图表的事情,但不那么复杂。Google Data Chart有24小时x轴
我想要有一个折线图或面积图,无论一天中的哪一天总是在x轴上显示整整24小时。
我只希望在当天填写日期。因此,如果我有多个数据点,中午只能水平放置一半图形,另一半则会空着等待数据。合理?
一个链接或例子会很好,谢谢。
很多这取决于你的样子,但这里是一个简单的例子,假设你正在使用你的X轴值是一个数字代表小时。 (即13.5是下午1:30)
google.load("visualization", "1", {
packages: ["corechart"]
});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
["Time", "Value 1", "Value 2"],
[3, 9, 4],
[8.5, 11, 6],
[10.25, 20, 2],
[13, 21, 3]
]);
var options = {
hAxis: {
minValue: 0,
maxValue: 24,
ticks: [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23]
}
};
var chart = new google.visualization.LineChart(document.getElementById("chart"));
chart.draw(data, options);
}
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<div id="chart" style="width: 900px; height: 300px;"></div>