Added a [foreground line] + [background slice] mode to the counter UI.

trace_viewer/core/trace_model/counter.html

Index: trace_viewer/core/trace_model/counter.html 
diff --git a/trace_viewer/core/trace_model/counter.html b/trace_viewer/core/trace_model/counter.html 
index 5f0965825b10bc95a1012f7df33bf01ffb5d6d39..713d03ba3caf0eb52f8f499ec48e45805b6c6d3f 100644 
--- a/trace_viewer/core/trace_model/counter.html 
+++ b/trace_viewer/core/trace_model/counter.html 
@@ -30,6 +30,7 @@ tv.exportTo('tv.c.trace_model', function() { 
 this.name = name; 
 
 this.series_ = []; 
+ this.bgseries_ = undefined; 
 this.totals = []; 
 this.bounds = new tv.b.Range(); 
 } 
@@ -76,6 +77,16 @@ tv.exportTo('tv.c.trace_model', function() { 
 throw new Error('Bad counter API. No cookie.'); 
 }, 
 
+ setBgSeries: function(series) { 
+ series.counter = this; 
+ this.bgseries_ = series; 
+ return series; 
+ }, 
+ 
+ get bgseries() { 
+ return this.bgseries_; 
+ }, 
+ 
 addSeries: function(series) { 
 series.counter = this; 
 series.seriesIndex = this.series_.length; 
@@ -136,6 +147,8 @@ tv.exportTo('tv.c.trace_model', function() { 
 shiftTimestampsForward: function(amount) { 
 for (var i = 0; i < this.series_.length; ++i) 
 this.series_[i].shiftTimestampsForward(amount); 
+ if (this.bgseries_ !== undefined) 
+ this.bgseries_.shiftTimestampsForward(amount); 
 }, 
 
 /**