Gecko [ www.maalgaadi.app ]

Name	Size	Permission
SweetAlert.js	1.02 KB	-rwxrwxr-x
angular-cookies.min.js	1.41 KB	-rwxrwxr-x
angular-password.min.js	818 B	-rwxrwxr-x
angular-sanitize.min.js	4.45 KB	-rwxrwxr-x
angular-sanitize.min.js.map	9.87 KB	-rwxrwxr-x
angular-touch.min.js	3.22 KB	-rwxrwxr-x
angular-touch.min.js.map	8.55 KB	-rwxrwxr-x
angularjs-datetime-picker.js	15.68 KB	-rwxrwxr-x
animation.js	318 B	-rwxrwxr-x
bootstrap-hover-dropdown.js	3.14 KB	-rwxrwxr-x
bootstrap.min.js	28.43 KB	-rwxrwxr-x
charts-chartjs.js	4.01 KB	-rwxrwxr-x
charts-flotchart.js	13.45 KB	-rwxrwxr-x
charts-highchart-area.js	14.85 KB	-rwxrwxr-x
charts-highchart-column-bar.js	15.11 KB	-rwxrwxr-x
charts-highchart-combinations....	8.05 KB	-rwxrwxr-x
charts-highchart-dynamic.js	21.67 KB	-rwxrwxr-x
charts-highchart-line.js	26.61 KB	-rwxrwxr-x
charts-highchart-more.js	34.27 KB	-rwxrwxr-x
charts-highchart-pie.js	9.13 KB	-rwxrwxr-x
charts-highchart-scatter-bubbl...	13.41 KB	-rwxrwxr-x
custom.min.js	2.08 KB	-rwxrwxr-x
data.js	4.34 KB	-rwxrwxr-x
datePicker.js	10.19 KB	-rwxrwxr-x
datePickerUtils.js	7.2 KB	-rwxrwxr-x
dateRange.js	2.52 KB	-rwxrwxr-x
datetime-picker.min.js	14.95 KB	-rwxrwxr-x
drilldown.js	5.47 KB	-rwxrwxr-x
driver_wallet.sql	1.95 KB	-rwxrwxr-x
drivers.sql	223.22 KB	-rwxrwxr-x
exporting.js	7.15 KB	-rwxrwxr-x
funnel.js	1.92 KB	-rwxrwxr-x
highchart.js	142.95 KB	-rwxrwxr-x
highcharts-more.js	21.87 KB	-rwxrwxr-x
highcharts.js	148.69 KB	-rwxrwxr-x
holder.js	12.13 KB	-rwxrwxr-x
html5shiv.js	2.37 KB	-rwxrwxr-x
icheck.min.js	4.82 KB	-rwxrwxr-x
index.js	5.5 KB	-rwxrwxr-x
input.js	8.15 KB	-rwxrwxr-x
jplist.js	6.65 KB	-rwxrwxr-x
jplist.min.js	89.67 KB	-rwxrwxr-x
jquery-1.10.2.min.js	90.92 KB	-rwxrwxr-x
jquery-migrate-1.2.1.min.js	7.03 KB	-rwxrwxr-x
jquery-ui.js	580.51 KB	-rwxrwxr-x
jquery.cookie.js	2.99 KB	-rwxrwxr-x
jquery.easy-autocomplete.min.j...	15.45 KB	-rwxrwxr-x
jquery.flot.categories.js	5.89 KB	-rwxrwxr-x
jquery.flot.fillbetween.js	5.13 KB	-rwxrwxr-x
jquery.flot.js	96.53 KB	-rwxrwxr-x
jquery.flot.pie.js	23.06 KB	-rwxrwxr-x
jquery.flot.resize.js	3.1 KB	-rwxrwxr-x
jquery.flot.spline.js	5.3 KB	-rwxrwxr-x
jquery.flot.stack.js	6.92 KB	-rwxrwxr-x
jquery.flot.tooltip.js	13 KB	-rwxrwxr-x
jquery.menu.js	2.06 KB	-rwxrwxr-x
jquery.metisMenu.js	1.54 KB	-rwxrwxr-x
jquery.nestable.js	17.54 KB	-rwxrwxr-x
jquery.news-ticker.js	22.79 KB	-rwxrwxr-x
jquery.slimscroll.js	13.22 KB	-rwxrwxr-x
logo.png	80.25 KB	-rwxrwxr-x
main.js	12.29 KB	-rwxrwxr-x
modernizr.min.js	15.05 KB	-rwxrwxr-x
moment-timezone-with-data.js	183.64 KB	-rwxrwxr-x
moment.min.js	34.58 KB	-rwxrwxr-x
ngPrint.min.js	610 B	-rwxrwxr-x
notify.js	21 KB	-rwxrwxr-x
notify.min.js	887 B	-rwxrwxr-x
oms.min.js	7.06 KB	-rwxrwxr-x
pace.min.js	11.77 KB	-rwxrwxr-x
respond.min.js	3.95 KB	-rwxrwxr-x
responsive-tabs.js	4.86 KB	-rwxrwxr-x
socket.io.js	72.91 KB	-rwxrwxr-x
sweet-alert.min.js	9.5 KB	-rwxrwxr-x
ui-bootstrap-tpls.js	252.48 KB	-rwxrwxr-x
ui-nestable-list.js	1.13 KB	-rwxrwxr-x
zabuto_calendar.min.js	9.41 KB	-rwxrwxr-x

Code Editor : charts-highchart-pie.js

$(function () {

/* Pie Chart */
 $('#pie-chart').highcharts({
 chart: {
 plotBackgroundColor: null,
 plotBorderWidth: null,
 plotShadow: false
 },
 title: {
 text: 'Browser market shares at a specific website, 2010'
 },
 tooltip: {
 pointFormat: '{series.name}: {point.percentage:.1f}%'
 },
 plotOptions: {
 pie: {
 allowPointSelect: true,
 cursor: 'pointer',
 dataLabels: {
 enabled: true,
 color: '#000000',
 connectorColor: '#000000',
 format: '{point.name}: {point.percentage:.1f} %'
 }
 }
 },
 series: [{
 type: 'pie',
 name: 'Browser share',
 data: [
 ['Firefox', 45.0],
 ['IE', 26.8],
 {
 name: 'Chrome',
 y: 12.8,
 sliced: true,
 selected: true
 },
 ['Safari', 8.5],
 ['Opera', 6.2],
 ['Others', 0.7]
 ]
 }]
 });

/* Pie with gradient fill */
    // Radialize the colors
    Highcharts.getOptions().colors = Highcharts.map(Highcharts.getOptions().colors, function(color) {
        return {
            radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 },
            stops: [
                [0, color],
                [1, Highcharts.Color(color).brighten(-0.3).get('rgb')] // darken
            ]
        };
    });

// Build the chart
 $('#pie-with-gradient-fill').highcharts({
 chart: {
 plotBackgroundColor: null,
 plotBorderWidth: null,
 plotShadow: false
 },
 title: {
 text: 'Browser market shares at a specific website, 2010'
 },
 tooltip: {
 pointFormat: '{series.name}: {point.percentage:.1f}%'
 },
 plotOptions: {
 pie: {
 allowPointSelect: true,
 cursor: 'pointer',
 dataLabels: {
 enabled: true,
 color: '#000000',
 connectorColor: '#000000',
 formatter: function() {
 return ''+ this.point.name +': '+ this.percentage +' %';
 }
 }
 }
 },
 series: [{
 type: 'pie',
 name: 'Browser share',
 data: [
 ['Firefox', 45.0],
 ['IE', 26.8],
 {
 name: 'Chrome',
 y: 12.8,
 sliced: true,
 selected: true
 },
 ['Safari', 8.5],
 ['Opera', 6.2],
 ['Others', 0.7]
 ]
 }]
 });

/* Pie with legend */
 $('#pie-with-legend').highcharts({
 chart: {
 plotBackgroundColor: null,
 plotBorderWidth: null,
 plotShadow: false
 },
 title: {
 text: 'Browser market shares at a specific website, 2010'
 },
 tooltip: {
 pointFormat: '{series.name}: {point.percentage:.1f}%'
 },
 plotOptions: {
 pie: {
 allowPointSelect: true,
 cursor: 'pointer',
 dataLabels: {
 enabled: false
 },
 showInLegend: true
 }
 },
 series: [{
 type: 'pie',
 name: 'Browser share',
 data: [
 ['Firefox', 45.0],
 ['IE', 26.8],
 {
 name: 'Chrome',
 y: 12.8,
 sliced: true,
 selected: true
 },
 ['Safari', 8.5],
 ['Opera', 6.2],
 ['Others', 0.7]
 ]
 }]
 });

/* Donut chart */
    var colors = Highcharts.getOptions().colors,
        categories = ['MSIE', 'Firefox', 'Chrome', 'Safari', 'Opera'],
        name = 'Browser brands',
        data = [{
            y: 55.11,
            color: colors[0],
            drilldown: {
                name: 'MSIE versions',
                categories: ['MSIE 6.0', 'MSIE 7.0', 'MSIE 8.0', 'MSIE 9.0'],
                data: [10.85, 7.35, 33.06, 2.81],
                color: colors[0]
            }
        }, {
            y: 21.63,
            color: colors[1],
            drilldown: {
                name: 'Firefox versions',
                categories: ['Firefox 2.0', 'Firefox 3.0', 'Firefox 3.5', 'Firefox 3.6', 'Firefox 4.0'],
                data: [0.20, 0.83, 1.58, 13.12, 5.43],
                color: colors[1]
            }
        }, {
            y: 11.94,
            color: colors[2],
            drilldown: {
                name: 'Chrome versions',
                categories: ['Chrome 5.0', 'Chrome 6.0', 'Chrome 7.0', 'Chrome 8.0', 'Chrome 9.0',
                    'Chrome 10.0', 'Chrome 11.0', 'Chrome 12.0'],
                data: [0.12, 0.19, 0.12, 0.36, 0.32, 9.91, 0.50, 0.22],
                color: colors[2]
            }
        }, {
            y: 7.15,
            color: colors[3],
            drilldown: {
                name: 'Safari versions',
                categories: ['Safari 5.0', 'Safari 4.0', 'Safari Win 5.0', 'Safari 4.1', 'Safari/Maxthon',
                    'Safari 3.1', 'Safari 4.1'],
                data: [4.55, 1.42, 0.23, 0.21, 0.20, 0.19, 0.14],
                color: colors[3]
            }
        }, {
            y: 2.14,
            color: colors[4],
            drilldown: {
                name: 'Opera versions',
                categories: ['Opera 9.x', 'Opera 10.x', 'Opera 11.x'],
                data: [ 0.12, 0.37, 1.65],
                color: colors[4]
            }
        }];

// Build the data arrays
 var browserData = [];
 var versionsData = [];
 for (var i = 0; i < data.length; i++) {

// add browser data
        browserData.push({
            name: categories[i],
            y: data[i].y,
            color: data[i].color
        });

// add version data
 for (var j = 0; j < data[i].drilldown.data.length; j++) {
 var brightness = 0.2 - (j / data[i].drilldown.data.length) / 5 ;
 versionsData.push({
 name: data[i].drilldown.categories[j],
 y: data[i].drilldown.data[j],
 color: Highcharts.Color(data[i].color).brighten(brightness).get()
 });
 }
 }

// Create the chart
 $('#donut-chart').highcharts({
 chart: {
 type: 'pie'
 },
 title: {
 text: 'Browser market share, April, 2011'
 },
 yAxis: {
 title: {
 text: 'Total percent market share'
 }
 },
 plotOptions: {
 pie: {
 shadow: false,
 center: ['50%', '50%']
 }
 },
 tooltip: {
 valueSuffix: '%'
 },
 series: [{
 name: 'Browsers',
 data: browserData,
 size: '60%',
 dataLabels: {
 formatter: function() {
 return this.y > 5 ? this.point.name : null;
 },
 color: 'white',
 distance: -30
 }
 }, {
 name: 'Versions',
 data: versionsData,
 size: '80%',
 innerSize: '60%',
 dataLabels: {
 formatter: function() {
 // display only if larger than 1
 return this.y > 1 ? ''+ this.point.name +': '+ this.y +'%' : null;
 }
 }
 }]
 });

/* Semi circle donut */
 $('#semi-circle-donut').highcharts({
 chart: {
 plotBackgroundColor: null,
 plotBorderWidth: 0,
 plotShadow: false
 },
 title: {
 text: 'Browser shares',
 align: 'center',
 verticalAlign: 'middle',
 y: 50
 },
 tooltip: {
 pointFormat: '{series.name}: {point.percentage:.1f}%'
 },
 plotOptions: {
 pie: {
 dataLabels: {
 enabled: true,
 distance: -50,
 style: {
 fontWeight: 'bold',
 color: 'white',
 textShadow: '0px 1px 2px black'
 }
 },
 startAngle: -90,
 endAngle: 90,
 center: ['50%', '75%']
 }
 },
 series: [{
 type: 'pie',
 name: 'Browser share',
 innerSize: '50%',
 data: [
 ['Firefox', 45.0],
 ['IE', 26.8],
 ['Chrome', 12.8],
 ['Safari', 8.5],
 ['Opera', 6.2],
 ['Others', 0.7]
 ]
 }]
 });

});

${this.title}

Code Editor : charts-highchart-pie.js