tests/small-range-zero.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
   5     <title>no range</title>
   6     <!--[if IE]>
   7     <script type="text/javascript" src="../excanvas.js"></script>
   8     <![endif]-->
   9     <script type="text/javascript" src="../strftime/strftime-min.js"></script>
  10     <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
  11     <script type="text/javascript" src="../dygraph-canvas.js"></script>
  12     <script type="text/javascript" src="../dygraph.js"></script>
  13   </head>
  14   <body>
  15     <p>There should be an appropriate amount of padding at the top of the chart:</p>
  16     <div id="blah"></div>
  17
  18     <script type="text/javascript">
  19     function CSV() {
  20       var label = "X";
  21
  22       return "date," + label + "\n20091206,2659329.631743\n20091213,2772361.123362\n20091220,2737584.647191\n20091227,2720000.550414\n20100103,2910306.897977\n20100110,2901385.313093\n20100117,2903041.312099\n20100124,2966455.128911\n";
  23     }
  24
  25     new Dygraph(document.getElementById("blah"),
  26                 CSV,
  27                 {
  28                   width: 640,
  29                   height: 480,
  30                   includeZero: true
  31                 });
  32
  33     </script>
  34
  35     <p>The second series (which is entirely zero) should be visible, and the
  36     y-axis should go down to zero.</p>
  37     <div id="blah2"></div>
  38     <script type="text/javascript">
  39         var data=[
  40           ["2006-10-11",0,15228],
  41           ["2006-10-12",0,15219],
  42           ["2006-10-13",0,15225],
  43           ["2006-10-14",0,15212],
  44           ["2006-10-15",0,15211],
  45           ["2006-10-16",0,15322],
  46           ["2006-10-17",0,15414],
  47           ["2006-10-18",0,15422],
  48           ["2006-10-19",0,15434],
  49           ["2006-10-20",0,15423]
  50         ];
  51         var str = "";
  52         for (var i = 0; i < data.length; i++) {
  53           str += data[i].join(",") + "\n";
  54         }
  55
  56         new Dygraph(document.getElementById("blah2"),
  57                     str,
  58                     { labels: [ "date", "zero", "non-zero" ] });
  59     </script>
  60   </body>
  61 </html>