4 <meta http-equiv=
"X-UA-Compatible" content=
"IE=EmulateIE7; IE=EmulateIE9">
5 <title>Label styles
</title>
7 <script type=
"text/javascript" src=
"../excanvas.js"></script>
10 For production (minified) code, use:
11 <script type=
"text/javascript" src=
"dygraph-combined.js"></script>
13 <script type=
"text/javascript" src=
"../dygraph-dev.js"></script>
15 <script type=
"text/javascript" src=
"data.js"></script>
16 <style type=
"text/css">
18 background-color: rgba(
200,
200,
255,
0.75) !important;
20 border:
1px solid #
000;
22 box-shadow:
4px
4px
4px #
888;
31 <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>
32 <pre>legend:
"follow":
</pre>
33 <div id=
"follow" style=
"width:600px; height:300px;"></div>
35 <pre>legend:
"always":
</pre>
36 <div id=
"always" style=
"width:600px; height:300px;"></div>
38 <pre>legend:
"never":
</pre>
39 <div id=
"never" style=
"width:600px; height:300px;"></div>
41 <pre>legend:
"onmouseover" (the default):
</pre>
42 <div id=
"default" style=
"width:600px; height:300px;"></div>
44 <script type=
"text/javascript">
45 function extend(obj1, obj2) {
60 labelsSeparateLines: true
63 g_follow = new Dygraph(
64 document.getElementById('follow'),
66 extend(baseOpts, {legend: 'follow'}));
68 g_always = new Dygraph(
69 document.getElementById('always'),
71 extend(baseOpts, {legend: 'always'}));
73 g_never = new Dygraph(
74 document.getElementById('never'),
76 extend(baseOpts, {legend: 'never'}));
78 g_default = new Dygraph(
79 document.getElementById('default'),