Set this for drawCallback
[dygraphs.git] / tests / temperature-sf-ny.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>Temperatures</title>
5 <!--
6 For production (minified) code, use:
7 <script type="text/javascript" src="dygraph-combined.js"></script>
8 -->
9 <script type="text/javascript" src="../dygraph-dev.js"></script>
10
11 <script type="text/javascript" src="data.js"></script>
12 <style type="text/css">
13 #bordered {
14 border: 1px solid red;
15 }
16 </style>
17 </head>
18 <body>
19 <p>Demo of a graph with many data points and custom error bars.</p>
20 <p>
21 No roll period.
22 </p>
23 <div id="noroll" style="width:800px; height:320px;"></div>
24 <p>
25 Roll period of 14 timesteps.
26 </p>
27 <div id="roll14" style="width:800px; height:320px;"></div>
28 <script type="text/javascript">
29 g1 = new Dygraph(
30 document.getElementById("noroll"),
31 data_temp,
32 {
33 customBars: true,
34 title: 'Daily Temperatures in New York vs. San Francisco',
35 ylabel: 'Temperature (F)',
36 legend: 'always',
37 labelsDivStyles: { 'textAlign': 'right' }
38 }
39 );
40 g2 = new Dygraph(
41 document.getElementById("roll14"),
42 data_temp,
43 {
44 rollPeriod: 14,
45 showRoller: true,
46 customBars: true,
47 title: 'Daily Temperatures in New York vs. San Francisco',
48 ylabel: 'Temperature (F)',
49 legend: 'always',
50 labelsDivStyles: { 'textAlign': 'right' }
51 }
52 );
53 </script>
54 </body>
55 </html>