Search code examples
highchartshighcharts-gantt

HighChart Gantt Chart Data overlap issue if the handler is close together

In the Highchart Gantt chart if we reduce the navigation handler width too much it will overlap the data when scrolling. Is there a way to set the minimum handler width to eliminate the issue?

enter image description here

Solution

  • You can use the xAxis.minRange property to limit the minimum width of the range.

    xAxis: {
    minRange: 1000 * 60 * 60 * 24 * 30 // 1 month
}

    Demo: https://jsfiddle.net/BlackLabel/9vyw3mhx/
    API: https://api.highcharts.com/highcharts/xAxis.minRange