4 <link rel=
"stylesheet" href=
"../dist/dygraph.css">
5 <title>two series
</title>
6 <script type=
"text/javascript" src=
"../dist/dygraph.js"></script>
8 <script type=
"text/javascript" src=
"data.js"></script>
9 <style type=
"text/css">
10 #div_g .dygraph-label {
11 /* This applies to the title, x-axis label and y-axis label */
12 font-family: Arial, Helvetica, sans-serif;
14 #div_g .dygraph-title {
15 /* This rule only applies to the chart title */
17 text-shadow: gray
2px
2px
2px; /* color, delta-x, delta-y, blur radius */
19 #div_g .dygraph-ylabel {
20 /* This rule only applies to the y-axis label */
22 text-shadow: gray -
2px
2px
2px; /* (offsets are in a rotated frame) */
25 border:
1px dashed black;
36 <p>In this chart, each chart label is styled independently. View source to
39 <div class=
"chart" id=
"div_g" style=
"width:600px; height:300px;"></div>
41 <p>This version of the chart uses the default styles:
</p>
42 <div class=
"chart" id=
"div_g2" style=
"width:600px; height:300px;"></div>
44 <script type=
"text/javascript">
46 document.getElementById(
"div_g"),
50 title: 'High and Low Temperatures',
52 ylabel: 'Temperature (F)',
53 xlabel: 'Date (Ticks indicate the start of the indicated time period)',
59 document.getElementById(
"div_g2"),
63 title: 'High and Low Temperatures (
30-day average)',
64 ylabel: 'Temperature (F)',
65 xlabel: 'Date (Ticks indicate the start of the indicated time period)',