Add support for animated zooms.

[dygraphs.git] / tests / dygraph-many-points-benchmark.html

diff --git a/tests/dygraph-many-points-benchmark.html b/tests/dygraph-many-points-benchmark.html
index 3899552..3525e93 100644 (file)
--- a/tests/dygraph-many-points-benchmark.html
+++ b/tests/dygraph-many-points-benchmark.html
@@ -17,14 +17,16 @@
     <p>Plot which can be easily generated with different numbers of points for
        benchmarking/profiling and improving performance of dygraphs.</p>    
     <p>Data to plot:
-      <input type="radio" name="plot_group1" value="sine" onclick="clickedRadioButton(this);" checked> sinusoid function
-      <input type="radio" name="plot_group1" value="rand" onclick="clickedRadioButton(this);"> random points <br></p>
+      <input type="radio" id="sine" name="group1" value="sine"
+        onclick="clickedRadioButton(this);" checked> sinusoid function
+      <input type="radio" id="rand" name="group1" value="rand"
+        onclick="clickedRadioButton(this);"> random points <br></p>
     <p>Number of points:
-       <input type="text" id="num_points_input" size="20"></p>
+       <input type="text" id="points" size="20"></p>
     <p>Number of series:
-       <input type="text" id="num_series_input" size="20"></p>
+       <input type="text" id="series" size="20"></p>
     <p>Roll period (in points):
-      <input type="text" id="roll_period_input" size="20"></p>
+      <input type="text" id="rollPeriod" size="20"></p>
     <p>Repetitions:
       <input type="text" id="repetitions" size="20"></p>
 
@@ -46,9 +48,9 @@
         var plotDiv = document.getElementById('plot');
         plotDiv.innerHTML = 'Redrawing...';
         var numPoints =
-            parseInt(document.getElementById('num_points_input').value);
+            parseInt(document.getElementById('points').value);
         var numSeries =
-            parseInt(document.getElementById('num_series_input').value);
+            parseInt(document.getElementById('series').value);
         var repetitions =
             parseInt(document.getElementById('repetitions').value);
 
@@ -64,7 +66,7 @@
           for (var j = 0; j < numSeries; j++) {
             var y;
             if (dataType == "rand") {
-              y = Math.random() * 2 - 1;
+              y = Math.pow(Math.random() - Math.random(), 7);
             } else {
               y = Math.sin(x + (j * adj));
             }
@@ -74,11 +76,11 @@
         }
         var labels = [ "x" ];
         for (var j = 0; j < numSeries; j++) {
-          labels.push("sin(x + " + (j*adj) + ")");
+          labels.push("data-set-" + j);
         }
         var rollPeriod = parseInt(
-            document.getElementById('roll_period_input').value);
-        var opts = {labels: labels, rollPeriod: rollPeriod};
+            document.getElementById('rollPeriod').value);
+        var opts = {labels: labels, rollPeriod: rollPeriod, timingName: "x"};
         var millisecondss = [];
         for (var i = 0; i < repetitions; i++) {
           var start = new Date();
@@ -118,12 +120,48 @@
       clickedRadioButton = function(radiobutton) {
         dataType = radiobutton.value;
       };
-        
 
-      document.getElementById('num_points_input').value = '100';
-      document.getElementById('num_series_input').value = '1';
-      document.getElementById('roll_period_input').value = '1';
-      document.getElementById('repetitions').value = '1';
+      var values = {
+        points: 100,
+        series: 1,
+        rollPeriod: 1,
+        repetitions: 1,
+        type: 'sine'
+      };
+
+      // Parse the URL for parameters. Use it to override the values hash.
+      var href = window.location.href;
+      var qmindex = href.indexOf('?');
+      if (qmindex > 0) {
+        var entries = href.substr(qmindex + 1).split('&');
+        for (var idx = 0; idx < entries.length; idx++) {
+          var entry = entries[idx];
+          var eindex = entry.indexOf('=');
+          if (eindex > 0) {
+            values[entry.substr(0, eindex)] = entry.substr(eindex + 1);
+          }
+        }
+      }
+
+      var populate = function(name) {
+        document.getElementById(name).value = values[name];
+      }
+
+      var populateRadio = function(name) {
+        var val = values[name];
+        var elem = document.getElementById(val);
+        elem.checked = true;
+        elem.onclick();
+      }
+
+      populate('points');
+      populate('series');
+      populate('rollPeriod');
+      populate('repetitions');
+      populateRadio('type');
+      if (values["go"]) {
+        updatePlot();
+      }
     </script>
   </body>
 </html>