How to render striplines in the JavaScript Gantt?
There will be an important day or an event in a JavaScript Gantt project to be pointed or to be benchmarked, and this can be done using Stripline in Gantt control. And in addition Gantt supports any number of Striplines to be rendered along the project timelime.
It is possible to customize each Stripline with the following properties in stripLine property in Gantt:
- day – It denotes the date of the event.
- label – Description about the day.
- lineColor – Color of the Stripline.
- lineStyle – Line style of the Stripline.
- lineWidth – Width of the Stripline.
The following code example explains how to add the Stripline in Gantt control.
JS
$("#GanttContainer").ejGantt({
//...
stripLines: [{
day: "01/02/2014",
label: "Project Release",
lineStyle: "dotted",
lineColor: "Darkblue",
lineWidth: 2
}]
});
The following screenshot displays the Striplines in Gantt control.
Gantt with a Stripline
Conclusion
I hope you enjoyed learning about how to render striplines in the JavaScript Gantt.
You can refer to our JavaScript Gantt feature tour page to know about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications. You can also explore our JavaScript Gantt example to understand how to create and manipulate data.
For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.
If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
