Highcharts Demo

author(s): Torstein Hønsi

by Korah Babu Varghese

HTML

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

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

JavaScript

Highcharts.chart('container', {

  chart: {
    type: 'column'
  },

  title: {
    text: 'Total fruit consumtion, grouped by gender'
  },

  xAxis: {
    type:'category'
  },

  yAxis: {
    allowDecimals: false,
    min: 0,
    title: {
      text: 'Number of fruits'
    }
  },

  tooltip: {
    formatter: function() {
      return '<b>' + this.x + '</b><br/>' +
        this.series.name + ': ' + this.y + '<br/>' +
        'Total: ' + this.point.stackTotal;
    }
  },

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

  series: [{
    name: "Currency Allocation",

        data: [
        {name:'t',data:["gbp", 0.7053985]},
        {name:'t',data:["gbp", 0.7053985]},
        {name:'t',data:["gbp", 0.7053985]},
        {name:'t',data:["gbp", 0.7053985]},
        {name:'t',data:["gbp", 0.7053985]},
        {name:'t',data:["gbp", 0.7053985]},{name:'t',data:["gbp", 0.7053985]},
        {name:'t',data:["gbp", 0.7053985]},
        
    ]
}]
});