Highcharts Demo

author(s): Torstein Hønsi

by anikettiwari

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) {
        console.log(i + "ssss " + tick.pos)
          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: 1,
    tickColor: 'green',
   // tickLength: 20,
   // tickWidth: 2,
    tickmarkPlacement: 'between'
  },
  
  yAxis: {
   //type: 'category',
  	gridLineColor: 'transparent',


  },

  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]
  }]

});