Highcharts column chart

by Alvin Olavarrieta

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"></div>

JavaScript

$(function() {

  // Set up the chart
  var chart = new Highcharts.Chart({
    chart: {
      renderTo: 'container',
      type: 'column',
      width: 300,
      height: 150,
      options3d: {
        enabled: true,
        alpha: 10,
        beta: 15,
        depth: 50
      }
    },
    credits: {
    	enabled: false
    },
    plotOptions: {
      column: {
        depth: 25,
        borderWidth: 0
      }
    },
    series: [{
      name: 'Company',
      data: [95.2]
    }, {
      name: 'Industry',
      data: [75.9]
    }, {
      name: 'Seniority',
      data: [65.8]
    }],
    title: {
      text: ''
    },
    xAxis: {
    	categories: [''],
      crosshair: false
    },
    yAxis: {
      min: 10,
      title: {
        text: ''
      }
    },
    legend: {
      layout: 'horizontal',
      itemDistance: 12,
      margin: 20,
      padding: 1,
      itemStyle: {
        color: '#000000',
        fontWeight: 'normal',
        fontSize: '10px'
      }
    },
    exporting: {
      enabled: false
    },
    tooltip: {
      enabled: false
    }
  });
});