Merge branch 'master' of https://github.com/kberg/dygraphs
[dygraphs.git] / tests / per-series.html
CommitLineData
54425b14 1<!DOCTYPE html>
46dde5f9
DV
2<html>
3 <head>
10494b48 4 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
46dde5f9
DV
5 <title>Per-Series Properties</title>
6 <!--[if IE]>
a2b2c3a1 7 <script type="text/javascript" src="../excanvas.js"></script>
46dde5f9 8 <![endif]-->
7e5ddc94
DV
9 <!--
10 For production (minified) code, use:
11 <script type="text/javascript" src="dygraph-combined.js"></script>
12 -->
13 <script type="text/javascript" src="../dygraph-dev.js"></script>
14
46dde5f9
DV
15 </head>
16 <body>
17 <h2>Chart with per-series properties</h2>
18 <div id="demodiv"></div>
46dde5f9
DV
19
20 <script type="text/javascript">
21 g = new Dygraph(
22 document.getElementById("demodiv"),
23 function() {
24 var zp = function(x) { if (x < 10) return "0"+x; else return x; };
25 var r = "date,parabola,line,another line,sine wave\n";
26 for (var i=1; i<=31; i++) {
27 r += "200610" + zp(i);
28 r += "," + 10*(i*(31-i));
29 r += "," + 10*(8*i);
30 r += "," + 10*(250 - 8*i);
31 r += "," + 10*(125 + 125 * Math.sin(0.3*i));
32 r += "\n";
33 }
34 return r;
35 },
36 {
37 strokeWidth: 2,
227b93cc 38 'parabola': {
46dde5f9
DV
39 strokeWidth: 0.0,
40 drawPoints: true,
41 pointSize: 4,
42 highlightCircleSize: 6
43 },
227b93cc 44 'line': {
46dde5f9
DV
45 strokeWidth: 1.0,
46 drawPoints: true,
47 pointSize: 1.5
48 },
227b93cc 49 'sine wave': {
46dde5f9
DV
50 strokeWidth: 3,
51 highlightCircleSize: 10
52 }
53 }
54 );
55 </script>
56</body>
57</html>