Make net-internals work a bit better on Android.

chrome/browser/resources/net_internals/timeline_graph_view.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * A TimelineGraphView displays a timeline graph on a canvas element.
  */
 var TimelineGraphView = (function() {
   'use strict';
   // We inherit from TopMidBottomView.
@@ skipping 338 matching lines @@
       // Figure out what time values to display.
       var position = this.scrollbar_.getPosition();
       // If the entire time range is being displayed, align the right edge of
       // the graph to the end of the time range.
       if (this.scrollbar_.getRange() == 0)
         position = this.getLength_() - this.canvas_.width;
       var visibleStartTime = this.startTime_ + position * this.scale_;
 
       // Make space at the bottom of the graph for the time labels, and then
       // draw the labels.
+      var textHeight = height;
       height -= fontHeight + LABEL_VERTICAL_SPACING;
-      this.drawTimeLabels(context, width, height, visibleStartTime);
+      this.drawTimeLabels(context, width, height, textHeight, visibleStartTime);
 
       // Draw outline of the main graph area.
       context.strokeStyle = GRID_COLOR;
       context.strokeRect(0, 0, width - 1, height - 1);
 
       // Layout graphs and have them draw their tick marks.
       for (var i = 0; i < this.graphs_.length; ++i) {
         this.graphs_[i].layout(width, height, fontHeight, visibleStartTime,
                                this.scale_);
         this.graphs_[i].drawTicks(context);
       }
 
       // Draw the lines of all graphs, and then draw their labels.
       for (var i = 0; i < this.graphs_.length; ++i)
         this.graphs_[i].drawLines(context);
       for (var i = 0; i < this.graphs_.length; ++i)
         this.graphs_[i].drawLabels(context);
 
       // Restore original transformation matrix.
       context.restore();
     },
 
     /**
      * Draw time labels below the graph.  Takes in start time as an argument
      * since it may not be |startTime_|, when we're displaying the entire
      * time range.
      */
-    drawTimeLabels: function(context, width, height, startTime) {
-      var textHeight = height + LABEL_VERTICAL_SPACING;
-
+    drawTimeLabels: function(context, width, height, textHeight, startTime) {
       // Text for a time string to use in determining how far apart
       // to place text labels.
       var sampleText = (new Date(startTime)).toLocaleTimeString();
 
       // The desired spacing for text labels.
       var targetSpacing = context.measureText(sampleText).width +
                               LABEL_LABEL_HORIZONTAL_SPACING;
 
       // The allowed time step values between adjacent labels.  Anything much
       // over a couple minutes isn't terribly realistic, given how much memory
@@ skipping 20 matching lines @@
       }
 
       // If no such value, give up.
       if (!timeStep)
         return;
 
       // Find the time for the first label.  This time is a perfect multiple of
       // timeStep because of how UTC times work.
       var time = Math.ceil(startTime / timeStep) * timeStep;
 
-      context.textBaseline = 'top';
+      context.textBaseline = 'bottom';
       context.textAlign = 'center';
       context.fillStyle = TEXT_COLOR;
       context.strokeStyle = GRID_COLOR;
 
       // Draw labels and vertical grid lines.
       while (true) {
         var x = Math.round((time - startTime) / this.scale_);
         if (x >= width)
           break;
         var text = (new Date(time)).toLocaleTimeString();
@@ skipping 284 matching lines @@
         for (var i = 1; i < this.labels_.length; ++i)
           context.fillText(this.labels_[i], x, step * i);
       }
     };
 
     return Graph;
   })();
 
   return TimelineGraphView;
 })();