2013-04-02 154 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

无论猜测失踪的价值点。如果属实,它会根据邻近点猜测缺失数据的值。如果错误,它会在未知点处留下一个断点。