Highcharts Demo

author(s): Torstein Hønsi

by HemalathaThanigaivel

HTML

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

<div id="container"></div>

CSS

#container {
    height: 400px;
    width: 500;
}

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'pie'
    },

    plotOptions: {
        pie: {
            innerSize: '50%',
            dataLabels: {
            	distance: -30,
              format: '{point.y}',
              style: {
                    color: '#fff'
                  } 
            },
            showInLegend: true
        },
        
    },
		legend: {
          align: 'right',
          verticalAlign: 'top',
          layout: 'vertical',
          x: 0,
          y: 150
      },
    series: [{
        data: [
            ['Firefox',   0],
            ['IE7',       0],
            ['IE6',       0],
            ['Chrome',    0],
            ['Other',    0]
        ]
    }]
});