Highcharts Demo

author(s): Torstein Hønsi

by AbhishekRohan

HTML

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

<div id="container" style="height: 400px"></div>

JavaScript

Highcharts.chart('container', {

  chart: {
    type: 'column',
    events: {
      load: function() {
        var chart = this,
          ticks = Object.values(chart.xAxis[0].ticks);
        ticks.forEach(function(tick, i) {
          if ((i % 4 - 3) && (tick.pos !== -1)) {
            tick.gridLine.element.remove()
            tick.mark.element.remove()
          }
        })
      }
    }
  },

  title: {
    text: 'Chart without categories, falls back to numbers'
  },

  xAxis: {
    type: 'category',
    gridLineColor: 'red',
    gridLineWidth: 2,
    tickColor: 'green',
    tickLength: 20,
    tickWidth: 2,
   // tickmarkPlacement: 'between'
  },

  series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
  }]

});