DevTools: Add energy value under Timeline pie chart

Source/devtools/front_end/CountersGraph.js

 /*
  * Copyright (C) 2012 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 300 matching lines @@
         ctx.stroke();
         if (counter._limitValue) {
             var limitLineY = Math.round(originY + height - (counter._limitValue - minValue) * yFactor);
             ctx.moveTo(0, limitLineY);
             ctx.lineTo(width, limitLineY);
             ctx.strokeStyle = counterUI.limitColor;
             ctx.stroke();
         }
         ctx.closePath();
         ctx.restore();
+
+        this.graphDrawn();

[alph, 2014/04/02 08:19:57]

You don't need this, just override refresh in PowerGraph

     },
 
+    graphDrawn: function() { },
+
     __proto__: WebInspector.SplitView.prototype
 }
 
 /**
  * @constructor
  */
 WebInspector.CountersGraph.Counter = function()
 {
     this.times = [];
     this.values = [];
@@ skipping 214 matching lines @@
     },
 
     _toggleCheckbox: function(event)
     {
         this.checked = !this.checked;
         this.dispatchEventToListeners(WebInspector.SwatchCheckbox.Events.Changed);
     },
 
     __proto__: WebInspector.Object.prototype
 }