3 <title>Custom underlay callback
</title>
5 <script type=
"text/javascript" src=
"excanvas.js"></script>
7 <script type=
"text/javascript" src=
"../dygraph-combined.js"></script>
8 <script type=
"text/javascript" src=
"../dygraph-canvas.js"></script>
9 <script type=
"text/javascript" src=
"../dygraph.js"></script>
10 <script type=
"text/javascript" src=
"data.js"></script>
13 <p>Should draw a two-colored background, split horizontally at
2.25:
</p>
14 <div id=
"div_g" style=
"width:600px; height:300px;"></div>
16 <div id=
"status" style=
"width:100%; height:200px;"></div>
18 <script type=
"text/javascript">
19 s = document.getElementById(
"status");
22 document.getElementById(
"div_g"),
28 underlayCallback: function(canvas, area, layout) {
29 var splitHeight = area.h * (layout.yscale * (
2.25 - layout.minyval));
30 canvas.fillStyle = 'pink';
31 canvas.fillRect(area.x, area.y + area.h, area.w, -splitHeight);
32 canvas.fillStyle = 'lightblue';
33 canvas.fillRect(area.x,
0, area.w, area.y + area.h - splitHeight);