title: Highcharts : How to apply padding between each bar on Y-axis
body: <p>I am trying to add more spacing between the bars on y-axis in Highcharts.
  Currently, it looks like below:
  <a href="https://i.stack.imgur.com/HSUnu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HSUnu.png" alt="enter image description here"></a></p>
  
  <p>I have added a scrollbar on y-axis. But, the scroll bar doesn't seem to be working. Instead, the bars on y-axis are pushed together and look cluttered.
  How can I fix this ? I am using the Highstocks API. The chart options I am using right now is :-</p>
  
  <pre><code>$scope.mychart = new Highcharts.Chart({
      chart: {
          renderTo: 'RoadmapGanttChart'
      },
      title: {
          text: 'RoadMaps'
      },
  
      xAxis: {
          type: 'datetime'
      },
  
      yAxis: {
          categories: categories,
          tickInterval: 1,            
          tickPixelInterval: 200,
          labels: {
              useHTML: true,
  
              style: {
                  color: '#525151',
                  font: '12px Helvetica',
                  fontWeight: 'bold',
                  paddingTop: '200px',
                  paddingBottom: '200px'
              },
             /* formatter: function() {
                  if (tasks[this.value]) {
                      return tasks[this.value].name;
                  }
              }*/
          },
          startOnTick: false,
          endOnTick: false,
          title: {
              text: 'Projects'
          },
          // minPadding: 0.2,
          // maxPadding: 0.2,
          fontSize:'15px',
          scrollbar: {
              enabled: true
          }
  
      },
  
      legend: {
          enabled: false
      },
      tooltip: {
          formatter: function() {
              return '&lt;b&gt;'+ $scope.filteredTasks[this.y].name + '&lt;/b&gt;&lt;br/&gt;' +
                  Highcharts.dateFormat('%m-%d-%Y', this.point.options.from)  +
                  ' - ' + Highcharts.dateFormat('%m-%d-%Y', this.point.options.to); 
          }
      },
  
      plotOptions: {
          line: {
              lineWidth: 10,
              marker: {
                  enabled: false
              },
              dataLabels: {
                  enabled: true,
                  align: 'left',
                  formatter: function() {
                      return this.point.options &amp;&amp; this.point.options.label;
                  }
              }
          }
      },
  
      series: $scope.filteredTasks
    });
  </code></pre>
  
  <p>I am new to frontend development.</p>