4 <link rel=
"stylesheet" href=
"../css/dygraph.css">
5 <title>two series
</title>
7 For production (minified) code, use:
8 <script type=
"text/javascript" src=
"dygraph-combined.js"></script>
10 <script type=
"text/javascript" src=
"../dist/dygraph.js"></script>
12 <script type=
"text/javascript" src=
"data.js"></script>
13 <style type=
"text/css">
14 #div_g .dygraph-label {
15 /* This applies to the title, x-axis label and y-axis label */
16 font-family: Arial, Helvetica, sans-serif;
18 #div_g .dygraph-title {
19 /* This rule only applies to the chart title */
21 text-shadow: gray
2px
2px
2px; /* color, delta-x, delta-y, blur radius */
23 #div_g .dygraph-ylabel {
24 /* This rule only applies to the y-axis label */
26 text-shadow: gray -
2px
2px
2px; /* (offsets are in a rotated frame) */
29 border:
1px dashed black;
40 <p>In this chart, each chart label is styled independently. View source to
43 <div class=
"chart" id=
"div_g" style=
"width:600px; height:300px;"></div>
45 <p>This version of the chart uses the default styles:
</p>
46 <div class=
"chart" id=
"div_g2" style=
"width:600px; height:300px;"></div>
48 <script type=
"text/javascript">
50 document.getElementById(
"div_g"),
54 title: 'High and Low Temperatures',
56 ylabel: 'Temperature (F)',
57 xlabel: 'Date (Ticks indicate the start of the indicated time period)',
63 document.getElementById(
"div_g2"),
67 title: 'High and Low Temperatures (
30-day average)',
68 ylabel: 'Temperature (F)',
69 xlabel: 'Date (Ticks indicate the start of the indicated time period)',