4 <meta http-equiv=
"X-UA-Compatible" content=
"IE=EmulateIE7; IE=EmulateIE9">
5 <title>two series
</title>
7 <script type=
"text/javascript" src=
"../excanvas.js"></script>
9 <script type=
"text/javascript" src=
"../strftime/strftime-min.js"></script>
10 <script type=
"text/javascript" src=
"../rgbcolor/rgbcolor.js"></script>
11 <script type=
"text/javascript" src=
"../dygraph-canvas.js"></script>
12 <script type=
"text/javascript" src=
"../dygraph.js"></script>
13 <script type=
"text/javascript" src=
"data.js"></script>
14 <style type=
"text/css">
15 #div_g .dygraph-label {
16 /* This applies to the title, x-axis label and y-axis label */
17 font-family: Arial, Helvetica, sans-serif;
19 #div_g .dygraph-title {
20 /* This rule only applies to the chart title */
22 text-shadow: gray
2px
2px
2px; /* color, delta-x, delta-y, blur radius */
24 #div_g .dygraph-ylabel {
25 /* This rule only applies to the y-axis label */
27 text-shadow: gray -
2px
2px
2px; /* (offsets are in a rotated frame) */
32 <p>In this chart, each chart label is styled independently. View source to
35 <div id=
"div_g" style=
"width:600px; height:300px;"></div>
37 <p>This version of the chart uses the default styles:
</p>
38 <div id=
"div_g2" style=
"width:600px; height:300px;"></div>
40 <script type=
"text/javascript">
42 document.getElementById(
"div_g"),
46 title: 'High and Low Temperatures',
48 ylabel: 'Temperature (F)',
49 xlabel: 'Date (Pacific Time Zone)',
51 'text-align': 'right',
59 document.getElementById(
"div_g2"),
63 title: 'High and Low Temperatures (
30-day average)',
64 ylabel: 'Temperature (F)',
65 xlabel: 'Date (Pacific Time Zone)',
67 'text-align': 'right',