---
title: "Gantt Chart"
description: "A Gantt chart is used for task scheduling. It shows a list of named tasks, each of which have a start date, an end date, and a percentage complete. This allows an easy way to visualize tasks, workflows, and scheduling."
---

# Gantt Chart

> A Gantt chart is used for task scheduling. It shows a list of named tasks, each of which have a start date, an end date, and a percentage complete. This allows an easy way to visualize tasks, workflows, and scheduling.

![A chart titled "Gantt Chart" with a Tasks category axis listing First Task, Second Task, and Third Task, and a Date axis spanning March 20 through March 26. Each task is drawn as a horizontal bar positioned between its start and end dates, with an inner bar showing how much of the task is complete.](gantt0.png)

**Component Palette Icon:**  
![Gantt Chart component palette icon](gantt1.png)

## Description
The Gantt chart is configured by populating its Data property. Each row of the dataset represents a task. There should be four columns: the task label, the start date, the end date, and the percentage (0-100) complete.

## Properties

| Name 	| Description 	| Property Type 	| Scripting 	| Category 	|
|---	|---	|---	|---	|---	|
| Antialias 	| Draw with antialias on? Makes text smoother. 	| boolean 	| .antialias 	| Appearance 	|
| Axis Font 	| The font for axis labels. 	| Font 	| .axisLabelFont 	| Appearance 	|
| Border 	| The border surrounding this component. NOTE that the border is unaffected by rotation. 	| Border 	| .border 	| Common 	|
| Chart Title 	| An optional title that will appear at the top of the chart. 	| String 	| .title 	| Appearance 	|
| Complete Color 	| The color to draw the amount completed in. 	| Color 	| .completeColor 	| Appearance 	|
| Cursor 	| The mouse cursor to use when hovering over this component. 	| int 	| .cursorCode 	| Common 	|
| Data 	| The data driving the chart. 	| Dataset 	| .data 	| Data 	|
| Data Quality 	| The data quality code for any tag bindings on this component. 	| int 	| .dataQuality 	| Data 	|
| Date Axis Title 	| A date label to display on the axis title. 	| String 	| .dateAxisTitle 	| Appearance 	|
| Incomplete Color 	| The color to draw the amount remaining to do in. 	| Color 	| .incompleteColor 	| Appearance 	|
| Mouseover Text 	| The text that is displayed in the tooltip which pops up on mouseover of this component. 	| String 	| .toolTipText 	| Common 	|
| Name 	| The name of this component. 	| String 	| .name 	| Common 	|
| Plot Background 	| The background color for the plot. 	| Color 	| .plotBackground 	| Appearance 	|
| Task Axis Title 	|  A task label to display on the Axis Title. 	| String 	| .taskAxisTitle 	| Appearance 	|
| Task Color 	| The main color to draw tasks. 	| Color 	| .taskColor 	| Appearance 	|
| Tick Font 	| The font for tick labels. 	| Font 	| .axisTickLabelFont 	| Appearance 	|
| Title Font 	| The font for the optional chart title. 	| Font 	| .titleFont 	| Appearance 	|
| Tooltips? 	| Show tooltips on tasks? 	| boolean 	| .tooltips 	| Behavior 	|
| Visible 	| If disabled, the component will be hidden. 	| boolean 	| .visible 	| Common 	|

## Scripting

### Scripting Functions
This component does not have scripting functions associated with it.

### Extension Functions
This component does not have extension functions associated with it.

### Event Handlers
Event handlers allow you to run a script based off specific triggers. See the full list of available event handlers on the [Component Events](scripting\scripting-in-ignition\component-and-window-scripting\component-events.md) page

## Customizers
This component does not have any custom properties.