.annotation {
font-size: 12px !important;
}
+ .dygraph-legend {
+ width: 300px;
+ }
</style>
<h2>dygraphs Annotations</h2>
showRoller: true,
customBars: true,
labelsKMB: true,
- labelsDivWidth: 300
}
);
title: 'Graph stays within the border',
setup: function(parent) {
parent.innerHTML =
+ "<style>.dygraph-legend { border: 1px solid black; }</style>" +
"<div id='bordered' style='border: 1px solid red; width:600px; height:300px;'></div>";
},
run: function() {
new Dygraph(document.getElementById('bordered'), data,
{
- labelsDivStyles: { border: '1px solid black' },
title: 'Chart Title',
xlabel: 'Date',
ylabel: 'Temperature (F)'
title: 'Graph edge padding and axis position',
setup: function(parent) {
parent.innerHTML = (
+ "<style>.dygraph-legend { width: 100px; }</style>" +
"<p>" +
" <b>Mode:</b>" +
" <input type='radio' name='mode'>use {x,y}RangePad</input>" +
var g = new Dygraph(gdiv, data, {
labels: ['x', 'A', 'B'],
- labelsDivWidth: 100,
gridLineColor: '#ccc',
includeZero: true,
width: 250,
<html>
<head>
<title>Dygraphs Gallery</title>
+ <link rel="stylesheet" href="../css/dygraph.css" />
<script src="../dist/dygraph.js"></script>
<script src="../src/extras/synchronizer.js"></script>
title: 'Demo of the Range Selector',
setup: function(parent) {
parent.innerHTML = [
+ "<style>",
+ " #darkbg .dygraph-axis-label { color: white; }",
+ " .dygraph-legend { text-align: right; }",
+ " #darkbg .dygraph-legend { background-color: #101015; }",
+ "</style>",
"<p>No roll period.</p>",
"<div id='noroll' style='width:600px; height:300px;'></div>",
"",
title: 'Daily Temperatures in New York vs. San Francisco',
ylabel: 'Temperature (F)',
legend: 'always',
- labelsDivStyles: { 'textAlign': 'right' },
showRangeSelector: true
}
);
title: 'Daily Temperatures in New York vs. San Francisco',
ylabel: 'Temperature (F)',
legend: 'always',
- labelsDivStyles: { 'textAlign': 'right' },
showRangeSelector: true,
rangeSelectorHeight: 30,
rangeSelectorPlotStrokeColor: 'yellow',
title: 'Nightly Temperatures in New York vs. San Francisco',
ylabel: 'Temperature (F)',
legend: 'always',
- labelsDivStyles: { 'textAlign': 'right', 'backgroundColor': '#101015' },
showRangeSelector: true,
rangeSelectorPlotFillColor: 'MediumSlateBlue',
rangeSelectorPlotFillGradientColor: 'rgba(123, 104, 238, 0)',
- axisLabelColor: 'white',
colorValue: 0.9,
fillAlpha: 0.4
}
title: 'Each chart label is styled independently with CSS',
setup: function(parent) {
parent.innerHTML = [
+ "<style>.dygraph-legend { text-align: right; background: none; }</style>",
"<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>",
titleHeight: 32,
ylabel: 'Temperature (F)',
xlabel: 'Date (Ticks indicate the start of the indicated time period)',
- labelsDivStyles: {
- 'text-align': 'right',
- 'background': 'none'
- },
strokeWidth: 1.5
}
);
title: 'High and Low Temperatures (30-day average)',
ylabel: 'Temperature (F)',
xlabel: 'Date (Ticks indicate the start of the indicated time period)',
- labelsDivStyles: {
- 'text-align': 'right',
- 'background': 'none'
- },
strokeWidth: 1.5
}
);
title: 'Demo of a graph with many data points and custom error bars.',
setup: function(parent) {
parent.innerHTML = [
+ "<style>.dygraph-legend { text-align: right; }</style>",
"<p>Roll period of 14 timesteps.</p>",
"<div id='roll14' style='width:600px; height:300px;'></div>",
"<p>No roll period.</p>",
title: 'Daily Temperatures in New York vs. San Francisco',
ylabel: 'Temperature (F)',
legend: 'always',
- labelsDivStyles: { 'textAlign': 'right' }
}
);
new Dygraph(
title: 'Daily Temperatures in New York vs. San Francisco',
ylabel: 'Temperature (F)',
legend: 'always',
- labelsDivStyles: { 'textAlign': 'right' }
}
);
}
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Native format annotations</title>
<script type="text/javascript" src="../dist/dygraph.js"></script>
</head>
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>demo</title>
<!--
<script type="text/javascript" src="dygraph-combined.js"></script>
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>dygraph</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>gadget border</title>
<!--
For production (minified) code, use:
#bordered {
border: 1px solid red;
}
+ .dygraph-legend {
+ border: 1px solid black;
+ }
</style>
</head>
<body>
<script type="text/javascript">
var g = new Dygraph(document.getElementById('bordered'), data,
{
- labelsDivStyles: { border: '1px solid black' },
title: 'Chart Title',
xlabel: 'Date',
ylabel: 'Temperature (F)'
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>callbacks</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>demo</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Charting combinations</title>
<script type="text/javascript" src="../dist/dygraph.js"></script>
<script type="text/javascript" src="data.js"></script>
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>color cycles</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>color visibility</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>connect separated</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>crosshairs</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>demo</title>
<script type="text/javascript" src="../dist/dygraph.js"></script>
<style>
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>custom bars</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Custom Circles</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Label styles</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Label styles</title>
<!--
For production (minified) code, use:
<script type="text/javascript" src="../dist/dygraph.js"></script>
<script type="text/javascript" src="data.js"></script>
+ <style>
+ .dygraph-legend {
+ background-color: rgba(200, 200, 255, 0.75);
+ padding: 4px;
+ border: 1px solid black;
+ border-radius: 10px;
+ box-shadow: 4px 4px 4px #888;
+ width: 100px;
+ }
+ </style>
</head>
<body>
<p>Labels are styled with css3:</p>
NoisyData, {
rollPeriod: 14,
errorBars: true,
- labelsDivWidth: 100,
- labelsDivStyles: {
- 'backgroundColor': 'rgba(200, 200, 255, 0.75)',
- 'padding': '4px',
- 'border': '1px solid black',
- 'borderRadius': '10px',
- 'boxShadow': '4px 4px 4px #888'
- },
labelsSeparateLines: true,
axes: {
y: {
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>dateWindow</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Daylight Savings</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>demo</title>
<!--
<script type="text/javascript" src="../dist/dygraph.js"></script>
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>dense, filled plots</title>
<script type="text/javascript" src="../dist/dygraph.js"></script>
<style>
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>individual points</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Dygraphs Drawing Demo</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Benchmarking for Plots with Many Points</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>dygraph</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Live random data</title>
<!--
For production (minified) code, use:
<!doctype html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Exported Symbols test</title>
</head>
<body>
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>fillGraph with per series fillAlpha</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>fillGraph</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Fractions</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Custom grid and Dot</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>gviz</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>gviz selection</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>gviz</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Hairlines demo</title>
<script type="text/javascript" src="../dist/dygraph.js"></script>
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Highlighted Region</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>hourly</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>demo</title>
<script type="text/javascript" src="../dist/dygraph.js"></script>
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Independent Series</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>interaction model</title>
<!--
For production (minified) code, use:
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>isZoomedIgnoreProgrammaticZoom Flag</title>
<!--
For production (minified) code, use:
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>isZoomedIgnoresProgrammaticZoom Flag</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>isolated points</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>label-div</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>UTC date labels</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>labelsKMB</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Layout Options</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>legendFormatter</title>
<style>
#demodiv {
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Label styles</title>
<!--
For production (minified) code, use:
border-radius: 10px;
box-shadow: 4px 4px 4px #888;
pointer-events: none;
+ width: 100px;
}
pre {
margin-top: 30px;
var baseOpts = {
rollPeriod: 14,
errorBars: true,
- labelsDivWidth: 100,
labelsSeparateLines: true
};
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Linear Regression</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Linear Regression</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Linear Regression</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>noise</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>log scale</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>missing data</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>multi-scale</title>
<script type="text/javascript" src="../dist/dygraph.js"></script>
<style type="text/css">
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Native Format</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>negatives</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>no range</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>no-visibility</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Test of number formatting</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>numeric axis</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>numeric gviz</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>out of order</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Per-Series Properties</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>perf</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>dygraphs Equation Plotter</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Plotters demo</title>
<script type="text/javascript" src="../dist/dygraph.js"></script>
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>plugins demo</title>
<script type="text/javascript" src="../dist/dygraph.js"></script>
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Temperatures with Range Selector</title>
<!--
For production (minified) code, use:
background-color: #101015;
color: white;
}
+ #darkbg1 .dygraph-axis-label, #darkbg2 .dygraph-axis-label {
+ color: white;
+ }
+ #noroll .dygraph-legend,
+ #roll14 .dygraph-legend,
+ #darkbg1 .dygraph-legend,
+ #darkbg2 .dygraph-legend {
+ text-align: right;
+ }
+ #darkbg1 .dygraph-legend {
+ background-color: #101015;
+ }
+ #darkbg2 .dygraph-legend {
+ background-color: #101015;
+ }
</style>
</head>
<body>
title: 'Daily Temperatures in New York vs. San Francisco',
ylabel: 'Temperature (F)',
legend: 'always',
- labelsDivStyles: { 'textAlign': 'right' },
showRangeSelector: true
}
);
title: 'Daily Temperatures in New York vs. San Francisco',
ylabel: 'Temperature (F)',
legend: 'always',
- labelsDivStyles: { 'textAlign': 'right' },
xAxisHeight: 14,
showRangeSelector: true,
rangeSelectorHeight: 80,
title: 'Nightly Temperatures in NY vs. SF',
ylabel: 'Temperature (F)',
legend: 'always',
- labelsDivStyles: { 'textAlign': 'right', 'backgroundColor': '#101015' },
showRangeSelector: true,
rangeSelectorPlotFillColor: 'MediumSlateBlue',
rangeSelectorPlotFillGradientColor: 'rgba(123, 104, 238, 0)',
- axisLabelColor: 'white',
colorValue: 0.9,
fillAlpha: 0.4
}
title: 'Nightly Temperatures in NY vs. SF',
ylabel: 'Temperature (F)',
legend: 'always',
- labelsDivStyles: { 'textAlign': 'right', 'backgroundColor': '#101015' },
showRangeSelector: true,
rangeSelectorPlotFillColor: 'MediumSlateBlue',
- axisLabelColor: 'white',
colorValue: 0.9,
fillAlpha: 0.4
}
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>resize the window</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>reverse y-axis</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Series highlighting</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>no range</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Plotters demo</title>
<script type="text/javascript" src="../dist/dygraph.js"></script>
<script type="text/javascript" src="../src/extras/smooth-plotter.js"></script>
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>spacing</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>stacked</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>dygraph</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Stock chart</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Straw broom charts demo</title>
<script type="text/javascript" src="../dist/dygraph.js"></script>
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>two series</title>
<!--
For production (minified) code, use:
margin: 5px;
padding: 2px;
}
+ .dygraph-legend {
+ text-align: right;
+ background: none;
+ }
</style>
</head>
<body>
titleHeight: 32,
ylabel: 'Temperature (F)',
xlabel: 'Date (Ticks indicate the start of the indicated time period)',
- labelsDivStyles: {
- 'text-align': 'right',
- 'background': 'none'
- },
strokeWidth: 1.5
}
);
title: 'High and Low Temperatures (30-day average)',
ylabel: 'Temperature (F)',
xlabel: 'Date (Ticks indicate the start of the indicated time period)',
- labelsDivStyles: {
- 'text-align': 'right',
- 'background': 'none'
- },
strokeWidth: 1.5
}
);
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>synchronize</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Temperatures</title>
<!--
For production (minified) code, use:
#bordered {
border: 1px solid red;
}
+ .dygraph-legend {
+ text-align: right;
+ }
</style>
</head>
<body>
title: 'Daily Temperatures in New York vs. San Francisco',
ylabel: 'Temperature (F)',
legend: 'always',
- labelsDivStyles: { 'textAlign': 'right' }
}
);
g2 = new Dygraph(
title: 'Daily Temperatures in New York vs. San Francisco',
ylabel: 'Temperature (F)',
legend: 'always',
- labelsDivStyles: { 'textAlign': 'right' }
}
);
</script>
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Multiple y-axes with valueRange</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Multiple y-axes</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>dygraphs unboxed</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>Custom underlay callback</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>valueFormatter and axisLabelFormatter</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>visibility</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>X Axis Label Formatting</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>zero series</title>
<!--
For production (minified) code, use:
<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>zoom</title>
<!--
For production (minified) code, use: