Merge branch 'master' of https://github.com/kberg/dygraphs
[dygraphs.git] / tests / customLabel.html
CommitLineData
54425b14 1<!DOCTYPE html>
8e4a6af3
DV
2<html>
3 <head>
10494b48 4 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
8e4a6af3
DV
5 <title>Label styles</title>
6 <!--[if IE]>
a2b2c3a1 7 <script type="text/javascript" src="../excanvas.js"></script>
8e4a6af3 8 <![endif]-->
d37dca40
DV
9 <script type="text/javascript" src="../strftime/strftime-min.js"></script>
10 <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
285a6bda 11 <script type="text/javascript" src="../dygraph-canvas.js"></script>
8e4a6af3
DV
12 <script type="text/javascript" src="../dygraph.js"></script>
13 <script type="text/javascript" src="data.js"></script>
14 </head>
15 <body>
16 <p>Labels are transparent and repositioned:</p>
d16579a0 17 <div id="div_g14" style="width:600px; height:300px;"></div>
8e4a6af3
DV
18
19 <script type="text/javascript">
285a6bda 20 g14 = new Dygraph(
d16579a0 21 document.getElementById("div_g14"),
285a6bda 22 NoisyData, {
8e4a6af3
DV
23 rollPeriod: 14,
24 errorBars: true,
285a6bda 25 labelsDivWidth: 100,
8e4a6af3
DV
26 labelsDivStyles: {
27 'background-color': 'transparent',
285a6bda 28 'top': '210px'
8e4a6af3 29 },
285a6bda 30 labelsSeparateLines: true,
34fedff8 31 yAxisLabelWidth: 20
8e4a6af3
DV
32 }
33 );
34 </script>
35 </body>
36</html>