src/third_party/WebKit/Source/devtools/front_end/PieChart.js

   1 /*
   2  * Copyright (C) 2013 Google Inc. All rights reserved.
   3  *
   4  * Redistribution and use in source and binary forms, with or without
   5  * modification, are permitted provided that the following conditions are
   6  * met:
   7  *
   8  *     * Redistributions of source code must retain the above copyright
   9  * notice, this list of conditions and the following disclaimer.
  10  *     * Redistributions in binary form must reproduce the above
  11  * copyright notice, this list of conditions and the following disclaimer
  12  * in the documentation and/or other materials provided with the
  13  * distribution.
  14  *     * Neither the name of Google Inc. nor the names of its
  15  * contributors may be used to endorse or promote products derived from
  16  * this software without specific prior written permission.
  17  *
  18  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  19  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  20  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  21  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
  22  * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  23  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  24  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  25  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  26  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  27  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  28  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  29  */
  30
  31 /**
  32  * @constructor
  33  * @param {number} totalValue
  34  */
  35 WebInspector.PieChart = function(totalValue)
  36 {
  37     this.element = document.createElement("div");
  38     this.element.className = "pie-chart";
  39     this.element.createChild("div", "pie-chart-background");
  40     var totalString = Number.secondsToString(totalValue, true);
  41     this.element.createChild("div", "pie-chart-foreground").textContent = totalString;
  42     this._totalValue = totalValue;
  43     this._lastAngle = 0;
  44 }
  45
  46 WebInspector.PieChart.prototype = {
  47     /**
  48      * @param {number} value
  49      * @param {string} color
  50      */
  51     addSlice: function(value, color)
  52     {
  53         var sliceAngle = value / this._totalValue * 360;
  54         if (sliceAngle > 180) {
  55             this._innerAddSlice(180, color);
  56             sliceAngle -= 180;
  57         }
  58         this._innerAddSlice(sliceAngle, color);
  59     },
  60
  61     /**
  62      * @param {number} sliceAngle
  63      * @param {string} color
  64      */
  65     _innerAddSlice: function(sliceAngle, color)
  66     {
  67         var sliceElement = this.element.createChild("div", "pie-chart-slice");
  68         sliceElement.style.webkitTransform = "rotate(" + Number(this._lastAngle).toFixed(2) + "deg)"
  69         var innerSliceElement = sliceElement.createChild("div", "pie-chart-slice-inner");
  70         innerSliceElement.style.backgroundColor = color;
  71         innerSliceElement.style.webkitTransform = "rotate(" + Number(sliceAngle).toFixed(2) + "deg)";
  72         this._lastAngle += sliceAngle;
  73         if (this._lastAngle > 360)
  74             console.assert("Pie chard slices are greater than total.");
  75     }
  76 }