RadiantQ jQuery Gantt Package
Special Lines
Previous Topic  Next Topic 

Special Lines

Special Lines are lines that can be drawn at specific times in the GanttChart to indicate milestones, deadlines or other times of interest.

Here is a sample code that will draw a line at a specific time, with the specific color:

In HTML

var SpecialLineInfos = new ObservableCollection();

var deadLine = new RadiantQ.Gantt.SpecialLineInfo()

deadLine.LineDateTime = projectStart.addDays(20);

deadLine.ToolTipText = 'DeadLine';

deadLine.LineColor = 'green';

SpecialLineInfos.add(deadLine);



$('#container').FlexyGantt( {                

    ...

    SpecialLineInfos: SpecialLineInfos                      

});


In ASP.NET MVC

@Html.JQFlexyGantt(

            new JQFlexyGanttSettings()

            {

                ControlId = "gantt_container",

                ..

                Options = new FlexyGanttOptions()

                {

                    SpecialLineInfos = new System.Collections.ObjectModel.ObservableCollection<SpecialLineInfo>() { new SpecialLineInfo() { LineColor="green", LineDateTime=DateTime.Today.AddDays(1), ToolTipText="DeadLine" } },

                    GanttChartOptions = new GanttChartOptions()

                    {

                        AnchorTime = DateTime.Today,

                        MovingInfoPopupID = "MovingInfoPopup",

                        ResizeInfoPopupID = "ResizeInfoPopup"

                    }

                }

            }

)


In ASP.NET

<script runat="server">


    protected void gantt_Load(object sender, EventArgs e)

    {

        this.gantt.SpecialLineInfos =  new System.Collections.ObjectModel.ObservableCollection<RadiantQ.Web.JQGantt.Common.SpecialLineInfo>() { new RadiantQ.Web.JQGantt.Common.SpecialLineInfo() { LineColor="green", LineDateTime=DateTime.Today.AddDays(1), ToolTipText="now" } };

    }

</script>


<RQ:FlexyGantt ID="gantt"  OnLoad="gantt_Load"...  />



GanttChart with special lines



© RadiantQ 2022. All Rights Reserved.