Annotated Time line no data or null data should be shown as zero value or discontinious line about google-visualization-java

[GoogleCodeExporter]

This bug is not related to the data source library. It is a client issue.

Original comment by [email protected] on 22 Oct 2009 at 12:54

• Changed state: Invalid

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

Like you, I also wanted a way to visualize "no data" - preferably by a gap in 
the line.  I found that with a little work, you can accomplish something like 
your second example.

Plug this into 
http://code.google.com/apis/ajax/playground/?type=visualization#annotated_time_l
ine:

  function drawVisualization() {
    var data = new google.visualization.DataTable();
    data.addColumn('date', 'Date');
    data.addColumn('number', 'Sold Pencils');
    data.addRows([
      [new Date(2008, 1, 1), 8],
      [new Date(2008, 1, 1), 9],
      [new Date(2008, 1, 2), 10],
      [new Date(2008, 1, 2), 0],
      [new Date(2008, 1, 3), 0],   
      [new Date(2008, 1, 3), 11],
      [new Date(2008, 1, 4), 12],   
      [new Date(2008, 1, 5), 13],    
      [new Date(2008, 1, 6), 14],    
    ]); 
    var annotatedtimeline = new google.visualization.AnnotatedTimeLine(
        document.getElementById('visualization'));
    annotatedtimeline.draw(data, {thickness: 3});
  }

And you get the result shown below.  Admittedly, it's not as simple as 
specifying a "null" or "undefined" value, but it can get the job done.

I posted this for the sake of anyone else who (like me) stumbles upon this 
issue while trying to figure out how to visualize "no data".

Original comment by [email protected] on 4 Jun 2011 at 8:17

Attachments:

• example.png