tests/stacked.html

   1 <html>
   2   <head>
   3     <title>stacked</title>
   4     <!--[if IE]>
   5     <script type="text/javascript" src="excanvas.js"></script>
   6     <![endif]-->
   7     <script type="text/javascript" src="../strftime/strftime-min.js"></script>
   8     <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
   9     <script type="text/javascript" src="../dygraph-canvas.js"></script>
  10     <script type="text/javascript" src="../dygraph.js"></script>
  11   </head>
  12   <body>
  13     <p>Simple graph:</p>
  14     <div id="graphdiv"></div>
  15     <p>Stacked graph:</p>
  16     <div id="graphdiv2"></div>
  17
  18     <script type="text/javascript">
  19       data = "X,x,100-x\n";
  20       for (var i = 0; i < 100; i++) {
  21         data += i + "," + i + "," + (100 - i) + "\n";
  22       }
  23
  24       var g = new Dygraph(document.getElementById("graphdiv"),
  25                            data);
  26       var g2 = new Dygraph(document.getElementById("graphdiv2"),
  27                            data,
  28                            { stackedGraph: true });
  29     </script>
  30   </body>
  31 </html>