4 <meta http-equiv=
"X-UA-Compatible" content=
"IE=EmulateIE7; IE=EmulateIE9">
5 <title>dense, filled plots
</title>
7 <script type=
"text/javascript" src=
"../excanvas.js"></script>
9 <script type=
"text/javascript" src=
"../dygraph-dev.js"></script>
18 <p>These charts are substantially sped up by
<a href=
"https://github.com/danvk/dygraphs/pull/462/">down-sampling.
</a></p>
19 <div class=
"chart" data-opts='{
"fillGraph":true}'
></div>
21 <p>step plot, filled
</p>
22 <div class=
"chart" data-opts='{
"fillGraph":true,
"stepPlot":true}'
></div>
26 for (var i =
0; i <
10000; i++) {
27 data.push([i, Math.sin(i/
1000), Math.cos(i/
1000)]);
30 var chartDivs = document.querySelectorAll('.chart');
31 for (var i =
0; i < chartDivs.length; i++) {
32 var chartDiv = chartDivs[i];
33 var opts = {labels: ['X', 'sin', 'cos'], animatedZooms: true};
34 var thisOpts = JSON.parse(chartDiv.getAttribute('data-opts'));
35 for (var k in thisOpts) {
36 opts[k] = thisOpts[k];
39 new Dygraph(chartDivs[i], data, opts);