Question

I ve在

  function drawVisualization() {
    var data = new google.visualization.DataTable();
    data.addColumn( string ,  Year );
    data.addColumn( number ,  Sales );
    data.addColumn( number ,  Expenses );
    data.addRows(4);
    data.setValue(0, 0,  2004 );
    data.setValue(0, 1, 1000);
    data.setValue(0, 2, 400);
    data.setValue(1, 0,  2005 );
    data.setValue(1, 1, 1170); // sales for 2005
    data.setValue(1, 2, 460);
    data.setValue(2, 0,  2006 );
    data.setValue(2, 1, 860);
    data.setValue(2, 2, 580);
    data.setValue(3, 0,  2007 );
    data.setValue(3, 1, 1030);
    data.setValue(3, 2, 540);

    var chart = new google.visualization.ImageLineChart(document.getElementById( visualization ));
    chart.draw(data, {width: 500, height: 250, min: 0});
  }

如果我对2005年销售值的编码线做出评论,那么Sales/em>线将出现在2006年开始至2007年结束的图表上。我预计从2004年起(Y=1000)到2006年(Y=860)和2006年(Y=860)到2007年(Y=1030)。

如果我对2005年的销售没有价值,那么我如何提取这一图表,但我有2004年、2006年和2007年的数值?

<>可见>

www.un.org/Depts/DGACM/index_spanish.htm 预期结果:(我增加了2005年销售值930,仅以表明我想要完成的工作;我希望,在计算所有系列中所有缺失的Y数值时,能更好地做到这一点)

Answer 1

If it s possible for you to use the javascript version of this chart, then you can achieve something like what you want by using the interpolateNulls option available through the line chart options.

这里是一个例子。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load( visualization ,  1.1 , {packages: [ corechart ,  imagelinechart ]});
    </script>
    <script type="text/javascript">
    function drawVisualization() {
        var data = new google.visualization.DataTable();
        data.addColumn( string ,  Year );
        data.addColumn( number ,  Sales );
        data.addColumn( number ,  Expenses );
        data.addRows(4);
        data.setValue(0, 0,  2004 );
        data.setValue(0, 1, 1000);
        data.setValue(0, 2, 400);
        data.setValue(1, 0,  2005 );
        //data.setValue(1, 1, 1170); // sales for 2005
        data.setValue(1, 2, 460);
        data.setValue(2, 0,  2006 );
        data.setValue(2, 1, 860);
        data.setValue(2, 2, 580);
        data.setValue(3, 0,  2007 );
        data.setValue(3, 1, 1030);
        data.setValue(3, 2, 540);

        var chart = new google.visualization.LineChart(document.getElementById( visualization ));
        chart.draw(data, {width: 500, height: 250, min: 0, interpolateNulls: true});
      }
      google.setOnLoadCallback(drawVisualization);
    </script>
  </head>
  <body>
    <div id="visualization" style="width: 600px; height: 400px;"></div>
  </body>
</html>

友情链接