4 <link rel=
"stylesheet" href=
"../css/dygraph.css">
5 <title>Per-Series Properties
</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>
14 <h2>Chart with per-series properties
</h2>
15 <div id=
"demodiv"></div>
16 <h2>Chart with per-series properties with legend.
</h2>
17 <div id=
"demodiv2"></div>
18 <h2>First graph, using old-style series specification.
</h2>
19 <div id=
"demodiv3"></div>
20 <script type=
"text/javascript">
22 var zp = function(x) { if (x <
10) return
"0"+x; else return x; };
23 var r =
"date,parabola,line,another line,sine wave,sine wave2\n";
24 for (var i=
1; i<=
31; i++) {
25 r +=
"200610" + zp(i);
26 r +=
"," +
10*(i*(
31-i));
28 r +=
"," +
10*(
250 -
8*i);
29 r +=
"," +
10*(
125 +
125 * Math.sin(
0.3*i));
30 r +=
"," +
10*(
125 +
125 * Math.sin(
0.3*i+Math.PI));
36 document.getElementById(
"demodiv"),
45 highlightCircleSize:
6
54 highlightCircleSize:
10
57 strokePattern: [
10,
2,
5,
2],
59 highlightCircleSize:
3
65 document.getElementById(
"demodiv2"),
75 highlightCircleSize:
6
78 strokePattern: Dygraph.DASHED_LINE,
84 strokePattern: [
25,
5]
87 strokePattern: Dygraph.DOTTED_LINE,
89 highlightCircleSize:
10
92 strokePattern: Dygraph.DOT_DASH_LINE,
94 highlightCircleSize:
3
100 document.getElementById(
"demodiv3"),
109 highlightCircleSize:
6
118 highlightCircleSize:
10
121 strokePattern: [
10,
2,
5,
2],
123 highlightCircleSize:
3