D3 Examples - Mappings in the Design Queue

xxxxxxxxxx
 
<!--
You are free to copy and use this sample in accordance with the terms of the
Apache license (https://www.apache.org/licenses/LICENSE-2.0.html)
-->
​
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Mapping Status Timeline</title>
  <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  <script type="text/javascript">
    google.load('visualization', '1', {packages: ['annotatedtimeline']});
    function drawVisualization() {
      var data = new google.visualization.DataTable();
      data.addColumn('date', 'Date');
      data.addColumn('number', 'Mappings in the Design Queue');
      data.addColumn('string', 'title1');
      data.addColumn('string', 'text1');
        data.addRows([
        [new Date(2011, 11, 1), 0, null,null],
        [new Date(2012, 0, 1), 20, null,null],
        [new Date(2012, 1 ,1), 30, null,null],
        [new Date(2012, 2 ,1), 22, null,null],
        [new Date(2012, 3 ,1), 66, null,null],
        [new Date(2012, 4 ,1), 42, null,null],
        [new Date(2012, 5 ,1), 34, null,null],
        [new Date(2012, 6 ,1), 50, null,null]
      ]);
    
      var annotatedtimeline = new google.visualization.AnnotatedTimeLine(
          document.getElementById('visualization'));
      annotatedtimeline.draw(data, {displayAnnotations: false, displayLegendValues: true});
    }
    
    google.setOnLoadCallback(drawVisualization);
  </script>
</head>
<body style="font-family: Arial;border: 0 none;">
<div id="visualization" style="width: 400; height: 240px;"></div>
</body>
</html>
•
    