Highcharts Demo

author(s): Torstein Hønsi

HTML

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

<div id="container" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>

JavaScript

Highcharts.chart('container', {
    chart: {
                
                width: 458,
                height: 98
            },            
            title: {
                text: ""
            },
            legend: {
                align: 'center',
                verticalAlign: 'middle',                
                layout: 'vertical'          
            },
            tooltip: {
                pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
            },
            plotOptions: {
                pie: {
                   
                    startAngle: 0,
                    endAngle: 360,
                    center: ['10%', '80%']
                }
            },
            series: [{
                type: 'pie',
                name: 'hi',
                innerSize: '75%',                
                data: [
                {
                	y: 23,
                  name :"abc"
                },
                {
                	y: 23,
                  name :"abc"
                },
                {
                	y: 23,
                  name :"abc"
                }
                ,
                {
                	y: 23,
                  name :"abc"
                },
                {
                	y: 23,
                  name :"abc"
                },
                {
                	y: 23,
                  name :"abc"
                }
                
                ],
                showInLegend: true
            }]
});