Highcharts Demo

author(s): Torstein Hønsi

by Rajesh Danabal

HTML

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

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

JavaScript

Highcharts.chart('container', {

  chart: {
    marginBottom: 80,
    marginLeft: 200,
    type: 'column',
    width: 800,
    height: 400
  },

  xAxis: {
    //opposite: true,
    categories: ['Janaaaaa aaaaa', 'Febbbbbb bbbdfbb', 'Marccccc ccccc ccccc', 'Aprddddd', 'May eeeee', 'Jun fffff', 'Jul ggggg', 'Aughhhhh', 'Sepiiiii', 'Octjjjjj', 'Novkkkkk kkkkk kkkkk kkkkk kkkkkkkkk kkkkk kkkkk kkkkk kkkkk kkkkk kk kkkkk kkkkk kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk', 'Dkkeclllllkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk'],
    labels: {
      useHTML: true,
      r
      allowOverlap: true,
      style: {
        wordBreak: 'break-all',
        textOverflow: 'allow'
      }
    }
  },

  series: [{
    data: [29, 71, 106, 129, 144, 176, 135, 148, 216, 194, 95, 54],
    pointWidth: 30
  }]

});