2013-04-02 105 views
1

enter image description here折線圖問題

我已經制作了上面給出的折線圖。問題在於我無法在當前時刻停止該紅線。我只想在更新值時繪製。我試圖不定義值,但在這種情況下會出錯。

Here's a link

我用下面的代碼:

<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> 
+0

嘗試將空值設置爲null,它應該可以工作。 – jmac

+0

它的工作原理!非常感謝@jmac! –

+0

我擴展了一個理由來幫助未來的讀者,隨時將其標記爲答案或改進,以幫助未來的人們解決類似的問題。 – jmac

回答

0

爲了有一個「空白」的價值,你需要做兩件事情。

首先,你需要的「空白」項的值設置爲null

其次,你需要在你的選項爲假(這是默認的行爲)interpolateNulls

你可以閱讀更多關於interpolateNullshere

無論猜測失蹤的價值點。如果屬實,它會根據鄰近點猜測缺失數據的值。如果錯誤,它會在未知點處留下一個斷點。