4 <link rel=
"stylesheet" href=
"../dist/dygraph.css">
5 <title>Per-Series Properties
</title>
6 <script type=
"text/javascript" src=
"../dist/dygraph.js"></script>
10 <h2>Chart with per-series properties
</h2>
11 <div id=
"demodiv"></div>
12 <h2>Chart with per-series properties with legend.
</h2>
13 <div id=
"demodiv2"></div>
14 <script type=
"text/javascript">
16 var zp = function(x) { if (x <
10) return
"0"+x; else return x; };
17 var r =
"date,parabola,line,another line,sine wave,sine wave2\n";
18 for (var i=
1; i<=
31; i++) {
19 r +=
"200610" + zp(i);
20 r +=
"," +
10*(i*(
31-i));
22 r +=
"," +
10*(
250 -
8*i);
23 r +=
"," +
10*(
125 +
125 * Math.sin(
0.3*i));
24 r +=
"," +
10*(
125 +
125 * Math.sin(
0.3*i+Math.PI));
30 document.getElementById(
"demodiv"),
39 highlightCircleSize:
6
48 highlightCircleSize:
10
51 strokePattern: [
10,
2,
5,
2],
53 highlightCircleSize:
3
59 document.getElementById(
"demodiv2"),
69 highlightCircleSize:
6
72 strokePattern: Dygraph.DASHED_LINE,
78 strokePattern: [
25,
5]
81 strokePattern: Dygraph.DOTTED_LINE,
83 highlightCircleSize:
10
86 strokePattern: Dygraph.DOT_DASH_LINE,
88 highlightCircleSize:
3