上記の折れ線グラフを作成しました。問題は、その赤い線を現在の時間に止めることができないことです。値が更新されたときだけ描画したい。値を定義しないでみましたが、その場合はエラーになります。
ここにリンクがあります!
次のコードを使用しました。
<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([
['Hour', 'Renewals Yesterday', 'Renewals Today']
$ren_graph
]);
var options = {
title: 'Renewals Cumulative Comparison Graph'
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id=\"chart_div\" style=\"width: 1200px; height: 300px;\"></div>
</body>
</html>