Highcharts Demo

author(s): Torstein Hønsi

by Hugo Carneiro

HTML

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

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

JavaScript

Highcharts.chart('container', {
  chart: {
    plotBackgroundColor: null,
    plotBorderWidth: null,
    plotShadow: false,
    type: 'pie'
  },
  title: {
    text: ''
  },
  exporting: {
    enabled: false
  },
  credits: false,
  tooltip: {
  	headerFormat: '<span style="font-size: 10px">{point.key}</span><br/>',
    pointFormat: '<span style="color:{point.color}">\u25CF</span>  <b>{point.y}%</b>'
  },
  plotOptions: {
    pie: {
      allowPointSelect: false,
      cursor: 'pointer',
      colors: ['#2de2ff', '#153c49'],
      dataLabels: {
        enabled: false
      }
    }
  },
  series: [{
    name: 'Apps',
    colorByPoint: true,
    data: [{
      name: 'Internal',
      y: 61.41
    }, {
      name: 'External',
      y: 11.84
    }]
  }]
});