4 <meta http-equiv=
"X-UA-Compatible" content=
"IE=EmulateIE7; IE=EmulateIE9">
5 <title>Benchmarking for Plots with Many Points
</title>
7 <script type=
"text/javascript" src=
"../excanvas.js"></script>
10 For production (minified) code, use:
11 <script type=
"text/javascript" src=
"dygraph-combined.js"></script>
13 <script type=
"text/javascript" src=
"../dygraph-dev.js"></script>
17 <p>Plot which can be easily generated with different numbers of points for
18 benchmarking/profiling and improving performance of dygraphs.
</p>
20 <input type=
"text" id=
"num_points_input" size=
"20"></p>
22 <input type=
"text" id=
"num_series_input" size=
"20"></p>
23 <p>Roll period (in points):
24 <input type=
"text" id=
"roll_period_input" size=
"20"></p>
26 <input type=
"text" id=
"repetitions" size=
"20"></p>
28 <input type=
"button" value=
"Go!" onclick=
"updatePlot();">
32 <div id=
"message"></div>
33 <div id=
"metrics"></div>
34 <div id=
"metaperformance"></div>
36 <script type=
"text/javascript">
40 updatePlot = function() {
41 document.getElementById('message').innerHTML =
"";
42 var plotDiv = document.getElementById('plot');
43 plotDiv.innerHTML = 'Redrawing...';
45 parseInt(document.getElementById('num_points_input').value);
47 parseInt(document.getElementById('num_series_input').value);
49 parseInt(document.getElementById('repetitions').value);
53 var xmax =
2.0 * Math.PI;
55 var delta = (xmax - xmin) / (numPoints -
1);
57 for (var i =
0; i < numPoints; ++i) {
58 var x = xmin + delta * i;
60 for (var j =
0; j < numSeries; j++) {
61 var y = Math.sin(x + (j * adj));
67 for (var j =
0; j < numSeries; j++) {
68 labels.push(
"sin(x + " + (j*adj) +
")");
70 var rollPeriod = parseInt(
71 document.getElementById('roll_period_input').value);
72 var opts = {labels: labels, rollPeriod: rollPeriod};
73 var millisecondss = [];
74 for (var i =
0; i < repetitions; i++) {
75 var start = new Date();
76 plot = new Dygraph(plotDiv, data, opts);
78 durations.push([start, end - start]);
79 millisecondss.push(end - start);
81 if (repetitions ==
1) {
82 document.getElementById('message').innerHTML =
83 "completed in " + (end - start) +
" milliseconds.";
85 document.getElementById('message').innerHTML =
86 "Durations: " + millisecondss;
89 if (durations.length
> 0) {
90 var start2 = new Date();
92 document.getElementById('metrics'),
95 highlightCircleSize:
4,
96 labels: [
"Date",
"ms" ]
98 var end2 = new Date();
99 document.getElementById(
"metaperformance").innerHTML =
100 "completed in " + (end2 - start2) +
" milliseconds.";
104 document.getElementById('num_points_input').value = '
100';
105 document.getElementById('num_series_input').value = '
1';
106 document.getElementById('roll_period_input').value = '
1';
107 document.getElementById('repetitions').value = '
1';