<p style="font-size:0.8em">(Mouse over to highlight individual values. Click and drag to zoom. Double-click to zoom back out. Change the number and hit enter to adjust the averaging period.)</p>
- <div id="title" style="width:800px; margin: 1em;text-align:center; font-weight: bold; font-size: 125%;">Temperatures in New York vs. San Francisco</div>
-
<div id="demodiv" style="width:800px; height:320px;"></div>
<script type="text/javascript">
g = new Dygraph(
rollPeriod: 14,
showRoller: true,
customBars: true,
- yAxisLabelWidth: 30,
- title: 'Temperatures in New York vs. San Francisco',
- ylabel: 'Temperature (F)'
+ title: 'Daily Temperatures in New York vs. San Francisco',
+ ylabel: 'Temperature (F)',
+ titleHeight: 24
}
);
</script>
<li>Plots time series without using an external server or Flash</li>
<li>Works in Internet Explorer (using excanvas)</li>
<li>Lightweight (69kb) and responsive</li>
- <li>Displays values on mouseover (this makes it easily discoverable)</li>
+ <li>Displays values on mouseover, making interaction easily discoverable</li>
<li>Supports error bands around data series</li>
<li>Interactive zoom</li>
<li>Displays Annotations on the chart</li>