Highcharts Demo

author(s): Torstein Hønsi

by sundaramkumar

HTML

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

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

JavaScript

Highcharts.chart('container', {
  chart: {
    type: 'column',
    inverted: true
  },
    credits: false,
    xAxis: {
        categories: ['Strategic Risk', 'Operation Risk', 'Security Risk', 'Compliance'],
         visibile: false,
         minorTickLength: 0,
         tickLength: 0,
         ticks: {
           visibile: false
         },
         gridLineColor: 'transparent',
         text: ''
         
    },
    yAxis: {
        min: 0,
        visibile: false,
        minorTickLength: 0,
         tickLength: 0,
         ticks: {
                 visibile: false
                },
                gridLineColor: 'transparent',
        labels: {
          enabled: false
        },
        title: {
          text: null
        }
        /* title: {
            text: 'Total fruit consumption'
        } */
    },

  plotOptions: {
    column: {
      stacking: 'normal',
    }
  },

  series: [{
    data: [5, 3, 4, 7],
  }, {
    data: [2, 2, 3, 7]
  }, {
  type: 'scatter',
    data: [3, 4, 4, 8],
   
  }, 
  {
    type: 'scatter',
    showInLegend: false,
    data: [4, 5, 6, 3],
    marker: {
      symbol: 'url(https://www.highcharts.com/samples/graphics/sun.png)'
    }
  }
  ],

});