+/*global Gallery,Dygraph,data */
Gallery.register(
'styled-chart-labels',
{
name: 'CSS label styling',
title: 'Each chart label is styled independently with CSS',
setup: function(parent) {
- parent.innerHTML =
- "<p class='infotext'>This chart's labels are styled</p>" +
- "<div class='chart' id='div_g' style='width:600px; height:300px;'></div>" +
- "<p class='infotext'>This version of the chart uses the default styles:</p>" +
- "<div class='chart' id='div_g2' style='width:600px; height:300px;'></div>";
+ parent.innerHTML = [
+ "<p class='infotext'>This chart's labels are styled</p>",
+ "<div class='chart' id='div_g' style='width:600px; height:300px;'></div>",
+ "<p class='infotext'>This version of the chart uses the default styles:</p>",
+ "<div class='chart' id='div_g2' style='width:600px; height:300px;'></div>"].join("\n");
},
run: function() {
- g = new Dygraph(
+ new Dygraph(
document.getElementById("div_g"),
data, {
rollPeriod: 7,
}
);
- g2 = new Dygraph(
+ new Dygraph(
document.getElementById("div_g2"),
data, {
rollPeriod: 30,