You can change the time scale display in a Gantt chart and you can zoom in and out on a time axis to display the chart region in different time units. You can also use a specialized zoom-to-fit feature in which you select the amount of time that you want to display in the chart region without a need to scroll the chart.

Gantt chart time scale

You can modify default Gantt chart features including the information panel and legend displayed below the Gantt chart, menu bar options and toolbar buttons, and the popup menu displayed when you right-click in the Gantt chart table or chart regions.

You can also add drag and drop functionality that allows users to drag an item from a collection, for example, a row from a table, and drop it into another collection component, such as a tree. Project and scheduling Gantt chart components can be enabled as drag sources as well as drop targets for ADF table or tree table components. A resource utilization Gantt chart component can be enabled only as a drop target.

The Gantt chart provides printing capability in conjunction with XML Publisher by generating PDF files.

Gantt charts supports hierarchical data and uses the model class org.apache.mufaces.
trinidad.model.TreeModel to access the data in the underlying list.

For more information, see the Using ADF Gantt Chart Components chapter of the Web User Interface Developer's Guide for Oracle ADF.

If your application uses the Fusion technology stack, then you can use data controls to create a Gantt chart and the binding will be done for you. For more information, see the Creating Databound Data ADF Visualization Components chapter of the Fusion Developer's Guide for Oracle ADF.


A Gantt chart is a type of horizontal bar graph that you use to plan and track projects. It shows resources or tasks in a time frame with a distinct beginning and end. A Gantt chart component is composed of two regions, one displaying the Gantt chart data in a table, and the other displaying the Gantt chart data graphically with a resizable splitter between the two regions. The table and chart regions share the same data and selection model, supporting and synchronizing scrolling, and expanding and collapsing of rows between the two regions.

At runtime, Gantt charts provide interaction capabilities in the table region to the user such as entering data, expanding and collapsing rows, showing and hiding columns, navigating to a row, and sorting and totaling columns. In the chart region, users can drag a task to a new date, select multiple tasks to create dependencies, and extend the task date. A Gantt chart toolbar is available to support user operations such as changing or filtering the view of the data, and creating, deleting, cutting, copying, and pasting tasks.

There are three types of Gantt chart components:

  • The project Gantt chart (dvt:projectGantt) is used for project management. The chart lists tasks vertically and shows the duration of each task as a bar on a horizontal time line. Each task is graphed on a separate line.
  • The scheduling Gantt chart (dvt:schedulingGantt) is used for resource scheduling. The chart is based on manual scheduling boards and shows resources vertically, with corresponding activities on the horizontal time axis. Examples of resources include people, machines, or rooms. The scheduling Gantt chart uses a single line to graph all the tasks that are assigned to a resource.
  • The resource utilization Gantt chart (dvt:resourceUtilizationGantt) graphically shows the metrics for a resource, for example, whether resources are over or under allocated. It shows resources vertically while showing their metrics, such as allocation and capacity on the horizontal time axis.


Web User Interface Developer's Guide for Oracle ADF: Using Gantt Chart Components

Fusion Developers Guide for Oracle ADF: Creating Databound Data Visualization Components

Demos and code examples:
You can download the ADF Faces Rich Client component demo, where you can explore data visualization components at runtime and view sample code.

ADF Data Visualization Tag documentation

Back to main page