Example of Grid Lines in Javascript Gantt Chart Control


This sample demonstrates the visibility of Gantt lines that separate the rows and columns.In this sample, you can change the gridlines from the property panel.

More Details...

Grid Lines

The gridLines property is used to control the visibility of line that separates the rows and columns. Gantt allows us to display the following grid lines: None - Shows no line. Both - Shows both horizontal and vertical lines. Horizontal - Shows the horizontal line. Vertical - Shows the vertical line. In this demo, you can modify the visibility of gridlines by selecting values in dropdown. Injecting Module: Gantt control features are segregated into individual feature-wise modules.To use a selection, inject the Selection module using the Gantt.Inject(Selection) method.To use markers, inject the DayMarkers module using the Gantt.Inject(DayMarkers) method.