CPUFlameChart: fix overview pane for retina displays.

Source/devtools/front_end/CPUProfileFlameChart.js

 /**
  * Copyright (C) 2014 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 315 matching lines @@
 
 /**
  * @param {!WebInspector.FlameChartDataProvider} dataProvider
  * @param {!WebInspector.FlameChart.TimelineData} timelineData
  * @param {!Object} context
  * @param {!number} width
  * @param {!number} height
  */
 WebInspector.CPUProfileFlameChart.OverviewPane.drawOverviewCanvas = function(dataProvider, timelineData, context, width, height)
 {
-    var drawData = WebInspector.CPUProfileFlameChart.OverviewPane.calculateDrawData(dataProvider, timelineData, width);
-    if (!drawData)
-        return;
-
     var ratio = window.devicePixelRatio;
     var canvasWidth = width * ratio;
     var canvasHeight = height * ratio;
 
+    var drawData = WebInspector.CPUProfileFlameChart.OverviewPane.calculateDrawData(dataProvider, timelineData, canvasWidth);
+    if (!drawData)
+        return;
+
     var yScaleFactor = canvasHeight / (dataProvider.maxStackDepth() * 1.1);
     context.lineWidth = 1;
     context.translate(0.5, 0.5);
     context.strokeStyle = "rgba(20,0,0,0.4)";
     context.fillStyle = "rgba(214,225,254,0.8)";
     context.moveTo(-1, canvasHeight - 1);
-    if (drawData)
-      context.lineTo(-1, Math.round(height - drawData[0] * yScaleFactor - 1));
+    context.lineTo(-1, Math.round(canvasHeight - drawData[0] * yScaleFactor - 1));
     var value;
-    for (var x = 0; x < width; ++x) {
+    for (var x = 0; x < canvasWidth; ++x) {
         value = Math.round(canvasHeight - drawData[x] * yScaleFactor - 1);
-        context.lineTo(x * ratio, value);
+        context.lineTo(x, value);
     }
     context.lineTo(canvasWidth + 1, value);
     context.lineTo(canvasWidth + 1, canvasHeight - 1);
     context.fill();
     context.stroke();
     context.closePath();
 }