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',
    margin: 0,
    padding: 0,
    symbolHeight: 10,
    verticalAlign: 'middle',
   // maxHeight: 62
  },
  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
  }]
});