折线图问题

时间:2013-04-02 12:11:40

标签: javascript html google-visualization interactive linechart

enter image description here

我已经制作了上面给出的折线图。问题是我不能让红线在当前时刻停止。我希望仅在值更新时绘制。我尝试不定义值,但在这种情况下它会给出错误。

这是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>

1 个答案:

答案 0 :(得分:0)

要获得“空白”值,您需要做两件事。

首先,您需要将“空白”项的值设置为null

其次,您需要在选项中将interpolateNulls设为false(这是默认行为)。

您可以详细了解interpolateNulls here

  

是否猜测缺失点的值。如果为true,它将根据相邻点猜测任何缺失数据的值。如果为false,则会在未知点处的线路中断。