Gantt chart

Advanced Visualization

You can use a Gantt chart to visualize tasks on a timeline, as well as their dependencies. The NeoDash Gantt chart treats tasks as nodes in a graph and relationships as dependencies between them.

To use the Sankey chart, nodes must have at least three properties on them:

  • A startDate

  • An endDate

  • A title

In addition, you can visualize different types of task dependencies. The dependency must be stored as a property on a relationship, and can be one of four values:

  • SE: The dependency is from the start of the origin task, to the end of the next task.

  • SS: The dependency is from the start of the origin task, to the start of the next task.

  • ES: The dependency is from the end of the origin task, to the start of the next task.

  • EE: The dependency is from the end of the origin task, to the end of the next task.

Examples

Gantt chart

Return nodes and relationships to be visualized in the chart. It is mandatory to specify the three node properties (startDate, endDate and title) in the advanced settings of the report.

MATCH (a:Activity)-[r:FOLLOWS]->(a2:Activity)
RETURN a, r, a2
Gantt Chart

Advanced settings

Name Type Default value Description

Bar Color

String

'#a3a3ff'

Default color for the task bars (with no style rules applied.)

Task Label Property

String

'activityName'

Node property to display on the task bar.

Task Start Date Property

String

'startDate'

Node property to use as a start date for the task.

Task End Date Property

String

'endDate'

Node property to use as an end date for the task.

Task Ordering Property

String

(auto)

Custom ordering of the tasks. Defaults to use the start date property.

Dependency Type Property

String

'rel_type'

The relationship property that stores the dependency type. Property values must be one of ['SS', 'SE', 'ES', 'EE']

View mode

String

Auto

Zoom level of the chart. one of ['auto', 'Half Day', 'Day', 'Week', 'Month', 'Year'].

Margin Left (px)

Number

24

The margin in pixels on the left side of the visualization.

Margin Right (px)

Number

24

The margin in pixels on the right side of the visualization.

Margin Top (px)

Number

24

The margin in pixels on the top side of the visualization.

Margin Bottom (px)

Number

40

The margin in pixels on the bottom side of the visualization.

Auto-run query

on/off

on

If set, automatically runs the query when the report is displayed. Otherwise, the query is displayed and must be executed manually.

Report Description

Markdown text

If set, adds a button to the report header that opens a pop-up. The pop-up contains the rendered Markdown from this setting.

Rule-based styling

Using the Rule-based styling menu, the following style rules can be applied to the Gantt chart:

  • The color of a task bar