DevTools: encapsulate presentation model in timeline view.

Source/devtools/front_end/CountersGraph.js

 /*
  * Copyright (C) 2013 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 74 matching lines @@
 
 
 WebInspector.CountersGraph.prototype = {
     _createCurrentValuesBar: function()
     {
         this._currentValuesBar = this._graphsContainer.createChild("div");
         this._currentValuesBar.id = "counter-values-bar";
         this._graphsContainer.classList.add("dom-counters");
     },
 
-    _createAllCounters: function()
+    createAllCounters: function()
     {
         this._counters = [];
         this._counterUI = [];
         this._createCounter(WebInspector.UIString("Documents"), WebInspector.UIString("Documents: %d"), "#d00", "documents");
         this._createCounter(WebInspector.UIString("Nodes"), WebInspector.UIString("Nodes: %d"), "#0a0", "nodes");
         this._createCounter(WebInspector.UIString("Listeners"), WebInspector.UIString("Listeners: %d"), "#00d", "jsEventListeners");
         if (WebInspector.experimentsSettings.gpuTimeline.isEnabled())
             this._createCounter(WebInspector.UIString("GPU Memory"), WebInspector.UIString("GPU Memory [KB]: %d"), "#c0c", "gpuMemoryUsedKB");
     },
 
@@ skipping 98 matching lines @@
         ctx.lineWidth = 1;
         ctx.strokeStyle = counterUI.graphColor;
         ctx.stroke();
         ctx.closePath();
         ctx.restore();
     },
 
     __proto__: WebInspector.MemoryStatistics.prototype
 }