4 <link rel=
"stylesheet" href=
"../dist/dygraph.css">
5 <title>Label styles
</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">
11 background-color: rgba(
200,
200,
255,
0.75) !important;
13 border:
1px solid #
000;
15 box-shadow:
4px
4px
4px #
888;
25 <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>
26 <pre>legend:
"follow":
</pre>
27 <div id=
"follow" style=
"width:600px; height:300px;"></div>
29 <pre>legend:
"always":
</pre>
30 <div id=
"always" style=
"width:600px; height:300px;"></div>
32 <pre>legend:
"never":
</pre>
33 <div id=
"never" style=
"width:600px; height:300px;"></div>
35 <pre>legend:
"onmouseover" (the default):
</pre>
36 <div id=
"default" style=
"width:600px; height:300px;"></div>
38 <script type=
"text/javascript">
39 function extend(obj1, obj2) {
53 labelsSeparateLines: true
56 g_follow = new Dygraph(
57 document.getElementById('follow'),
59 extend(baseOpts, {legend: 'follow'}));
61 g_always = new Dygraph(
62 document.getElementById('always'),
64 extend(baseOpts, {legend: 'always'}));
66 g_never = new Dygraph(
67 document.getElementById('never'),
69 extend(baseOpts, {legend: 'never'}));
71 g_default = new Dygraph(
72 document.getElementById('default'),