Articles in this section
Category / Section

How to render striplines in the JavaScript Gantt?

1 min read

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:

  1. day – It denotes the date of the event.
  2. label – Description about the day.
  3. lineColor – Color of the Stripline.
  4. lineStyle – Line style of the Stripline.
  5. 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.

Render strip lines 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 forumsDirect-Trac, or feedback portal. We are always happy to assist you!

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied