chart

by hamzeen hameem

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="min-width: 400px; height: 400px; margin: 50px auto"></div>

CSS

* {
  background: #21242B;
}

JavaScript

$(function() {
        // Create the chart
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'pie',
                backgroundColor: 'transparent'
            },
            title: {
                text: ''
            },
            plotOptions: {
                pie: {
                    shadow: false,
                    borderColor: '#21242B'
                }
            },
            credits: { // hide credits url
            	enabled: false
            },
            navigation: {
            	buttonOptions: {
                enabled: false
            	}
        		},
            series: [{
                name: 'Browsers',
                data: [["A",20],["B",50],["C",30]],
                size: '100%',
                innerSize: '94%',
                showInLegend:false,
                dataLabels: {
                    enabled: false
                }
            }]
        });
    });