General Options








Color Palette Chooser














Pie Chart Options







Grid Options










Mouse Options













Legend Options








DIV Options



graphTitle: 'Web App Translations Used', graphSubtitle: 'mouse over slices for raw numbers', shadowSize: 4, HtmlText: false, resolution: 2, fontSize: 7.5, fontColor: '#000000', colors: ['#482003', '#485a61', '#cb3500', '#ff7803', '#ffe090', '#449bad'], grid: { color: '#545454', backgroundColor: null, backgroundImage: null, watermarkAlpha: 0.4, tickColor: '#DDDDDD', labelMargin: 3, verticalLines: false, horizontalLines: false, outlineWidth: 0, outline : 'nsew', circular: false }, xaxis : { showLabels : false }, yaxis : { showLabels : false }, pie : { show : true, explode: 0, sizeRatio: 0.7, pieFill: true, fillOpacity: 0.8, lineWidth: 2, strokeColor: '#ffffff', startAngle: 0.754, labelFormatter: function (total, value) { return (100 * value / total).toFixed(0)+'%'; } }, mouse : { track : true, trackFormatter: function (e){return '<b>'+e.series.label+':</b> '+e.y}, trackDecimals: 0, relative: false, position: 'se', lineColor: '#ffff00', sensibility: 2, trackY: true, radius: 3, radius: 5, margin: 5, mouseTextColor: '#ffffff', mouseBGColor: '#000000', boxAlpha: '0.8', fillColor: null, fillOpacity: 0.8 }, legend : { show: 'true', position: 'nw', labelBoxBorderColor: '#cccccc', labelBoxWidth: 14, labelBoxHeight: 10, labelBoxMargin: 5, margin: 5, backgroundColor: '#fff8b8', backgroundOpacity: 0.85, }