tests/draw-points.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <link rel="stylesheet" href="../css/dygraph.css">
   5     <title>individual points</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     <p>with points:</p>
  16     <div id="g" style="width:600px; height:300px;"></div>
  17     <div id="g2" style="width:600px; height:300px;"></div>
  18
  19     <script type="text/javascript">
  20       var g1 = new Dygraph(
  21           document.getElementById("g"),
  22           NoisyData, {
  23             rollPeriod: 7,
  24             errorBars: true,
  25             drawPoints: true
  26           }
  27         );
  28
  29       var g2 = new Dygraph(
  30           document.getElementById("g2"),
  31           NoisyData, {
  32             rollPeriod: 7,
  33             errorBars: true,
  34             drawPoints: false
  35           }
  36         );
  37     </script>
  38   </body>
  39 </html>