X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2Funderlay-callback.html;fp=tests%2Funderlay-callback.html;h=762ed4934e3fcd8e6ef70d5d55b293ec5839edb8;hb=5879c20d71719e8d235227eeb753cfc234eaf053;hp=207c41c4dda9178d9c6c1462b95544d2ef7599b0;hpb=fdcf1ce4073030579009d81f21518520c546e433;p=dygraphs.git diff --git a/tests/underlay-callback.html b/tests/underlay-callback.html index 207c41c..762ed49 100644 --- a/tests/underlay-callback.html +++ b/tests/underlay-callback.html @@ -29,27 +29,27 @@ underlayCallback: function(canvas, area, g) { // Selecting a date in the middle of the graph. var splitDate = new Date("2006-11-19").getTime(); - var coords = g.toDomCoords(splitDate, 2.25); + var coords = g.toDomCoords(splitDate, 2.25); - // splitX and splitY are the coordinates on the canvas for (2006-11-19, 2.25). + // splitX and splitY are the coordinates on the canvas for (2006-11-19, 2.25). var splitX = coords[0]; var splitY = coords[1]; - // The drawing area doesn't start at (0, 0), it starts at (area.x, area.y). - // That's why we subtract them from splitX and splitY. This gives us the - // actual distance from the upper-left hand corder of the graph itself. - var leftSideWidth = splitX - area.x; - var rightSideWidth = area.w - leftSideWidth; - var topHeight = splitY - area.y; - var bottomHeight = area.h - topHeight; + // The drawing area doesn't start at (0, 0), it starts at (area.x, area.y). + // That's why we subtract them from splitX and splitY. This gives us the + // actual distance from the upper-left hand corder of the graph itself. + var leftSideWidth = splitX - area.x; + var rightSideWidth = area.w - leftSideWidth; + var topHeight = splitY - area.y; + var bottomHeight = area.h - topHeight; // fillRect(x, y, width, height) // Top section: y = (2.25, +Infinity) - // left: x < 2006-11-19) + // left: (x < 2006-11-19) canvas.fillStyle = 'lightblue'; - canvas.fillRect(area.x, area.y, leftSideWidth, topHeight); + canvas.fillRect(area.x, area.y, leftSideWidth, topHeight); - // right: x > 2006-11-19) + // right: (x > 2006-11-19) canvas.fillStyle = 'orange'; canvas.fillRect(splitX, area.y, rightSideWidth, topHeight);