Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

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

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

CSS

#container {
  min-width: 310px;
  max-width: 800px;
  height: 400px;
  margin: 0 auto
}

JavaScript

Highcharts.chart('container', {
  chart: {
    backgroundColor: 'gray'
  },
  series: [{
    showInLegend: true,
    allowPointSelect: true,
    type: 'pie',
    data: [{
      y: 45,
      color: 'black',
      dataLabels: {
        enabled: false
      }
    }, {
      y: 55,
      color: 'blue',
      sliced: true,
      borderWidth: 5,
      borderColor: 'white',
      dataLabels: {
        format: '{point.y}%',
        distance: -60,
        style: {
          fontSize: 24
        }
      }
    }]
  }]
});