Gantt Chart
Last updated
Last updated
Gantt Chart
Card Body
Col
Horizontal Section
Vertical Section
Data Column
Popover
Pulse
Trigger Before Render
Trigger On Click
Provide a title for the Chart.
Allowed Values: An expression which should return string after evaluation
Provide a sub title for the chart.
Allowed Values: An expression which should return string after evaluation
Provide numerical values to set heigth in pixels.
Allowed Values: Any number value
Provide numerical values to set width in pixels.
Allowed Values: Any number value
Choose this prop if you want to reuse a Data Source that was defined on some other component on this page or any of the parent abstract pages.
Allowed Values: Yes/No
Select a datasource from the list.
Allowed Values: Select a datasource from the list.
Allowed Values: Free text field
Allowed Values: Free text field
Allowed Values: Any number value
e.g. #firstAttr#, #secondAttr# DESC
Allowed Values: Free text field
Check this property to query the selected datasource on component render.
Allowed Values: Yes/No
Check this to execute count SQL to get the total number of rows in the database on a query. You can get this value by using the expression: #{DataStore.totalLength}
Allowed Values: Yes/No
Check this to execute distinct SQL to get the total number of distinct rows in the database on a query.
Allowed Values: Yes/No
The attribute that gives id for the process. Each process needs to have a unique identifier to enable cross linking with tasks.
Allowed Values: The attribute that gives id for the process. Each process needs to have a unique identifier to enable cross linking with tasks.
The attribute that you would want to display as the label for the process
Allowed Values: The attribute that you would want to display as the label for the process
The attribute that gives unique id for the tasks
Allowed Values: The attribute that gives unique id for the tasks
The attribute that you would want to display as the label for the tasks
Allowed Values: The attribute that you would want to display as the label for the tasks
The attribute that gives start date for the tasks
Allowed Values: The attribute that gives start date for the tasks
The attribute that gives end date for the tasks
Allowed Values: The attribute that gives end date for the tasks
The attribute used to represent the milestones for the tasks
Allowed Values: The attribute used to represent the milestones for the tasks
Check this prop if this date should not be converted to browser's timezone. Also make sure the attribute type is set to 'String Date & Time 2' on the server side DataSource definition.
Allowed Values: Yes/No
Define the Date format for category header.
Allowed Values: Free text field
Header label for the processes column in data table.
Allowed Values: Free text field
Background color of the process header.
Allowed Values: Free text field
Background color for the process name column.
Allowed Values: Free text field
Font color for the process header
Allowed Values: Free text field
Font color for process name.
Allowed Values: Free text field
Fill color for the task bar.
Allowed Values: Free text field
Provide a hex code of the color for the milestone.
Allowed Values:
Year
Month
Week
Day
Provide a hex code of the color for the milestone.
Allowed Values: Free text field
Provide a shape of the milestone.
Allowed Values:
star
polygon
Check this to hide the data displayed when no data found.
Allowed Values: Yes/No
Select an icon to display when no data found.
Allowed Values: Icon List
Provide a text to display as title when no data found.
Allowed Values: Free text field
Provide a text to display as sub title when no data found.
Allowed Values: Free text field
A Gantt chart is a date/time-based chart, with which you can plot tasks visually, with their exact start and end dates/times. You can also define milestones for the project, which assert how much of the project should be completed at a given point in time. That way, you can keep track of the project progress and plan remedial actions to bring the project back on course, if there is a delay.
