4 <link rel=
"stylesheet" href=
"../css/dygraph.css">
5 <title>Label styles
</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">
15 background-color: rgba(
200,
200,
255,
0.75) !important;
17 border:
1px solid #
000;
19 box-shadow:
4px
4px
4px #
888;
29 <p>This page demonstrates different values for the
<code><a href=
"http://dygraphs.com/options.html#legend">legend
</a></code> option. Mouse over the charts to see the different behaviors.
</p>
30 <pre>legend:
"follow":
</pre>
31 <div id=
"follow" style=
"width:600px; height:300px;"></div>
33 <pre>legend:
"always":
</pre>
34 <div id=
"always" style=
"width:600px; height:300px;"></div>
36 <pre>legend:
"never":
</pre>
37 <div id=
"never" style=
"width:600px; height:300px;"></div>
39 <pre>legend:
"onmouseover" (the default):
</pre>
40 <div id=
"default" style=
"width:600px; height:300px;"></div>
42 <script type=
"text/javascript">
43 function extend(obj1, obj2) {
57 labelsSeparateLines: true
60 g_follow = new Dygraph(
61 document.getElementById('follow'),
63 extend(baseOpts, {legend: 'follow'}));
65 g_always = new Dygraph(
66 document.getElementById('always'),
68 extend(baseOpts, {legend: 'always'}));
70 g_never = new Dygraph(
71 document.getElementById('never'),
73 extend(baseOpts, {legend: 'never'}));
75 g_default = new Dygraph(
76 document.getElementById('default'),