<head>
<title>Custom underlay callback</title>
<!--[if IE]>
- <script type="text/javascript" src="excanvas.js"></script>
+ <script type="text/javascript" src="../excanvas.js"></script>
<![endif]-->
- <script type="text/javascript" src="../dygraph-combined.js"></script>
+ <script type="text/javascript" src="../strftime/strftime-min.js"></script>
+ <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
<script type="text/javascript" src="../dygraph-canvas.js"></script>
<script type="text/javascript" src="../dygraph.js"></script>
<script type="text/javascript" src="data.js"></script>
showRoller: true,
errorBars: true,
- underlayCallback: function(canvas, area, layout) {
- var splitHeight = area.h * (layout.yscale * (2.25 - layout.minyval));
+ underlayCallback: function(canvas, area, g) {
+ var splitHeight = g.toDomCoords(null, 2.25)[1];
+
canvas.fillStyle = 'pink';
canvas.fillRect(area.x, area.y + area.h, area.w, -splitHeight);
canvas.fillStyle = 'lightblue';