You can draw connectors between any two tasks that are displayed on a Gantt chart, this provides a visual depiction of a process flow. Here, we'll see how to create the same. |
How to create? |
To draw a connector, all you need to do is specify the Id of the two tasks that you want to connect. Apart from this, you can also specify the point at which the connectors join the task bars (i.e. start or end point of the task bar). To show the connectors, we'll revert to our example of "Gantt Project Schedule" chart and connect a few tasks in the following ways:
Shown below is the final output: |
![]() |
The XML for the same can be listed as under: |
<chart dateFormat='mm/dd/yyyy' caption='Project Gantt' subCaption='From 1st Feb 2007 - 31st Aug 2007'> |
Here, we've:
You can specify the points at which the connector joins the task bars (i.e. start or end point). The attributes for specifying the joining points are fromTaskConnectStart, fromTaskConnectEnd, toTaskConnectStart and toTaskConnectEnd, these are specified within the <connector> element. For example, if you wanted to connect the ends of both bars, you need to set: <connector ... fromTaskConnectEnd='1' toTaskConnectEnd='1' ..> |