Highcharts Demo

author(s): Torstein Hønsi

by sanjshah

HTML

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

<div id="container" style="height: 400px"></div>

JavaScript

$(function() {

  Highcharts.setOptions({
    colors: ['#FF7C5B', '#B3D8EC', '#F9BFE0', '#DD9CF5']
  });

  $('#container').highcharts({
    chart: {
      type: 'pie',
      options3d: {
        enabled: true,
        alpha: 45
      }
    },
    credits: false,
    title: {
      text: 'Total Permits Approved'
    },
    subtitle: {
      text: 'Year 2015'
    },
    plotOptions: {
      pie: {
        innerSize: 100,
        depth: 45
      }
    },
    series: [{
      name: 'Delivered amount',
      data: [
        ['Hot Works', 3800],
        ['Access Eq.', 2300],
        ['Access Eq. & Cradles', 1531],
        ['Pressurised Systems', 1231]
      ]
    }]
  });
});