[Devtools] Added data to networking timeline canvas experiment

third_party/WebKit/Source/devtools/front_end/network/NetworkTimelineColumn.js

 // Copyright 2016 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.
 
 /**
  * @constructor
  * @extends {WebInspector.VBox}
  * @param {!WebInspector.NetworkLogView} networkLogView
  * @param {!WebInspector.SortableDataGrid} dataGrid
  */
 WebInspector.NetworkTimelineColumn = function(networkLogView, dataGrid)
 {
     WebInspector.VBox.call(this, true);
     this._canvas = this.contentElement.createChild("canvas");
     this._canvas.tabIndex = 1;
     this.setDefaultFocusedElement(this._canvas);
 
     /** @const */
     this._leftPadding = 5;
     /** @const */
     this._rightPadding = 5;
 
     this._dataGrid = dataGrid;
     this._networkLogView = networkLogView;
+
+    this._networkLogView.addEventListener(WebInspector.NetworkLogView.Events.RequestsSorted, this._onRefreshData, this);
+    this._networkLogView.addEventListener(WebInspector.NetworkLogView.Events.DataRefreshed, this._onRefreshData, this);
+
     /** @type {!Array<!WebInspector.NetworkRequest>} */
     this._requestData = [];
+    this._onRefreshData();
 }
 
 WebInspector.NetworkTimelineColumn.prototype = {
+    _onRefreshData: function()
+    {
+        var currentNode = this._dataGrid.rootNode();
+        this._requestData = [];
+        while (currentNode = currentNode.traverseNextNode(true))
+            this._requestData.push(currentNode.request());
+
+        this.scheduleUpdate();
+    },
+
     scheduleUpdate: function()
     {
         if (this._updateRequestID)
             return;
         this._updateRequestID = this.element.window().requestAnimationFrame(this._update.bind(this));
     },
 
     _update: function()
     {
         this.element.window().cancelAnimationFrame(this._updateRequestID);
@@ skipping 163 matching lines @@
             context.lineWidth = lineWidth;
             context.strokeStyle = borderColor;
             context.stroke();
         }
         context.fill();
         context.restore();
     },
 
     __proto__: WebInspector.VBox.prototype
 }