+/*global Gallery,Dygraph,data */
+/*global data_temp */
Gallery.register(
'range-selector',
{
name: 'Range Selector',
title: 'Demo of the Range Selector',
setup: function(parent) {
- parent.innerHTML =
- "<p>No roll period.</p>" +
- "<div id='noroll' style='width:800px; height:320px;'></div>" +
- "<p>Roll period of 14 timesteps, custom range selector height and plot color.</p>" +
- "<div id='roll14' style='width:800px; height:320px;'></div>";
+ parent.innerHTML = [
+ "<p>No roll period.</p>",
+ "<div id='noroll' style='width:600px; height:300px;'></div>",
+ "",
+ "<p>Roll period of 14 timesteps, custom range selector height and plot color.</p>",
+ "<div id='roll14' style='width:600px; height:300px;'></div>"].join("\n");
},
run: function() {
- g1 = new Dygraph(
+ new Dygraph(
document.getElementById("noroll"),
data_temp,
{
showRangeSelector: true
}
);
- g2 = new Dygraph(
+ new Dygraph(
document.getElementById("roll14"),
data_temp,
{