Highcharts Demo

author(s): Torstein Hønsi

by Rajesh Danabal

HTML

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

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

JavaScript

Highcharts.chart('container', {
  chart: {
    animation: false,
    plotBackgroundColor: null,
    plotBorderWidth: null,
    plotShadow: false,
    type: 'pie',
    backgroundColor: "#F4F4F4"
  },
  title: {
    text: ''
  },
  xAxis: {
    visible: false
  },
  yAxis: {
    visible: false
  },
  tooltip: {
    enabled: false
  },
  credits: {
    enabled: false
  },
  exporting: {
    enabled: false
  },
  legend: {
    enabled: false
  },
  plotOptions: {
    pie: {
      animation: false,
      cursor: 'default',
      dataLabels: {
        enabled: false
      },
      enableMouseTracking: false
    }
  },
  series: [{
    colorByPoint: true,
    data: [{
      name: 'Chrome',
      y: 60,
      color: "#929497"
    }, {
      name: 'Internet Explorer',
      y: 20,
      color: "#D0D2D3"
    }, {
      name: 'Firefox',
      y: 15,
      color: "#A6A8AB"
    }, {
      name: 'Edge',
      y: 5,
      color: "#E1E2E3"
    }]
  }]
});