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 } 74 } 75
