TimelineFlameChart: process new records incrementally.

Source/devtools/front_end/TimelineFlameChart.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 76 matching lines @@
         if (frames.length > 30)
             return null;
         var offsets = [];
         for (var i = 0; i < frames.length; ++i)
             offsets.push(frames[i].startTimeOffset);
         return frames.length ? offsets : null;
     },
 
     reset: function()
     {
-        this._invalidate();
+        this._timelineData = null;
     },
 
     /**
      * @param {!WebInspector.TimelineModel.Record} record
      */
     addRecord: function(record)
     {
-        this._invalidate();
-    },
-
-    _invalidate: function()
-    {
-        this._timelineData = null;
+        WebInspector.TimelineModel.forAllRecords([record], this._appendRecord.bind(this));
     },
 
     /**
      * @return {!WebInspector.FlameChart.ColorGenerator}
      */
     colorGenerator: function()
     {
         return this._colorGenerator;
     },
 
@@ skipping 57 matching lines @@
         /** @type {!Array.<string>} */
         this._entryColors = [];
     },
 
     /**
      * @param {!WebInspector.TimelineModel.Record} record
      * @param {number} depth
      */
     _appendRecord: function(record, depth)
     {
-        var timelineData = this._timelineData;
+        var timelineData = this.timelineData();
 
         this._startTime = this._startTime ? Math.min(this._startTime, record.startTime) : record.startTime;
         var startTime = this._startTime;
+        this._zeroTime = startTime;
         var endTime = record.endTime || record.startTime - startTime;
         this._endTime = Math.max(this._endTime, endTime);
         this._totalTime = Math.max(1000, this._endTime - this._startTime);
 
         if (this._mainThread) {
             if (record.type === WebInspector.TimelineModel.RecordType.GPUTask || !!record.thread)
                 return;
         } else {
             if (record.type === WebInspector.TimelineModel.RecordType.Program || !record.thread)
                 return;
@@ skipping 147 matching lines @@
 
     /**
      * @param {?WebInspector.TimelineModel.Record} record
      */
     setSelectedRecord: function(record)
     {
     },
 
     __proto__: WebInspector.View.prototype
 }