tests/no-visibility.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <link rel="stylesheet" href="../css/dygraph.css">
   5     <title>no-visibility</title>
   6     <!--
   7     For production (minified) code, use:
   8     <script type="text/javascript" src="dygraph-combined.js"></script>
   9     -->
  10     <script type="text/javascript" src="../dist/dygraph.js"></script>
  11
  12     <script type="text/javascript" src="data.js"></script>
  13   </head>
  14   <body>
  15     <h3>No visible series</h3>
  16     <p>This test verifies that a chart will still draw without any JS errors
  17     when no series are visible.</p>
  18     <div id="div_g" style="width:400px; height:200px;"></div>
  19     <p>This graph's specified value range should be respected.</p>
  20     <div id="div_g2" style="width:400px; height:200px;"></div>
  21
  22     <script type="text/javascript">
  23       g = new Dygraph(
  24             document.getElementById("div_g"),
  25             NoisyData, {
  26               rollPeriod: 7,
  27               errorBars: true,
  28               visibility: [false, false]
  29             }
  30           );
  31       g2 = new Dygraph(
  32             document.getElementById("div_g2"),
  33             NoisyData, {
  34               rollPeriod: 7,
  35               errorBars: true,
  36               visibility: [false, false],
  37               valueRange: [100, 200]
  38             }
  39           );
  40     </script>
  41
  42   </body>
  43 </html>