how to increase height of the gridline in highcharts?

Question

enter image description here

I want to change the distance between the lines of grid.while resizing it will be working fine, otherwise grid lines are overlapping.need to chart within the height of the widget.anyone please help with this..

Answer 1

The height of the plot area depends on the height of the chart and other elements such as the legend or axis labels. If one of these elements, such as the legend, takes up more height, the height of the plot area is reduced.

So in your case, setting chart.height larger than the default should solve the problem.

Highcharts.chart('container', {
  chart: {
    height: 700,
    ...
  },
  ...
});

Demo: https://jsfiddle.net/BlackLabel/von5ywjg/
API: https://api.highcharts.com/highcharts/chart.height