Events in Gantt Chart

Starting FusionCharts Suite XT 3.4, FusionCharts has introduced several events for Gantt charts.

In this section, you will be introduced to the various events that you can raise for gantt charts.

The dataPlotClick Event

To understand how Gantt chart events work, we will look at one example - we will configure the dataPlotClick event for the Gantt chart.

The Social Media Optimization Gantt chart configured to capture data from the dataPlotClick event and display it in an annotation below the chart looks like this:

FusionCharts should load here..

In the chart above, when you click a process all details related to that process are shown in the rectangle annotation rendered below the chart.

The data structure needed to configure the dataPlotClick event for the Gantt chart is given below:

...

Given below is a brief description of the various events that can be configured for Gantt charts:

Event Name Description
dataPlotClick This event is fired when a task is clicked.
processClick This event is fired when a process is clicked.
processRollOver This event is fired when the mouse pointer moves over a process. In Gantt chart, process element represents one process on the Gantt chart. You can show team members, projects, or a task list as a process - there's no restriction to that.
processRollOut This event is fired when the pointer moves out of a process.
categoryClick This event is fired when a category is clicked.
categoryRollOver This event is fired when the pointer moves over a category.
categoryRollOut This event is fired when the pointer moves out of a category.
connectorClick This event is fired when a connector is clicked.
connectorRollOver This event is fired when the pointer moves over a connector.
connectorRollOut This event is fired when the pointer moves out of a connector.
milestoneClick This event is fired when a milestone is clicked.
milestoneRollOver This event is fired when the pointer moves over a milestone.
milestoneRollOut This event is fired when the pointer moves out of a milestone.

There! You have now seen the events that can be configured for a Gantt chart.