Gantt Chart

This visualization lets you configure column visibility and order, sort and filter rows, and show rich value renderers (value, percentage, trend, icons, badges, timeline…).

This task shows you how to:

Define the Data to Show

  1. In the Properties panel, go to Data.
  2. Select a data query and a Result Set.

Define the Chart Content

You can define several options to manage the content of your Gantt chart.

  1. In the Properties panel, go to Data.
  2. Specify the Gantt chart properties.
    OptionDescription
    Object type

    Select the object type you have in the result set.

    Select data if you want to show them directly in the chart. Use data once.

    Select related if they are objects related to the nodes.

    Use multilevel grouping: Each object can have a parent object. At first, the chart display only the root objects. Objects of different types can be present in the result set.

    Group by Specify...
    Columns Select the destination screen to open when you click an object.
    Note: To localize this title in other languages, click , and select a translation key. You define keys and translation values in the Translation menu.
    Identifier Select an object identifier.
    Name Select the object name to use as label in the chart.
    Start date Select the start date for the time period covered by the chart.
    End date Select the end date for the time period covered by the chart.
    Color Select the color to apply to the nodes.
    Successor identifiers Select a field containing the related node identifiers.
    Completion Select a numerical field to indicate the completion of the node. Values are between 0 and 1. For example, 0.2 for 20% of completion, 0.5 for 50% of completion.
    Critical Select a Boolean field to indicate whether the node is critical. In Gantt charts, some tasks are critical, and block the progression when not done.
    Tooltip Select the fields you want to show as tooltips when you hover over the nodes.
    Details Fields to show when the Details modal is open.
    Add "Open with" action Adds an Open with button allowing Data Viewers to open an object in another 3DEXPERIENCE platform app. For example, 3D Markup, CATIA V5, Product Explorer, or Product Structure Editor.
    Markers Emphasizes specific nodes with visual markers.
    Default Sort Select the field on which nodes are sorted by default.
    Limit Specify the maximum number of nodes to show in the chart.

Format the Display of Chart Elements

You can define the formatting of the elements contained in your Gantt chart.

  1. In the Properties panel, go to Style.
  2. Specify the chart title.

    Note: To localize this title in other languages, click , and select a translation key. You define keys and translation values in the Translation menu.

  3. In Data table width, specify the width in pixels of the Gantt table.
  4. In Row height, specify the height in pixels to apply to each row.

Add On-click Actions

You can add effects when users click the chart.

  1. In the Properties panel, go to Actions.
  2. Click to add a new effect.
  3. Select the effect Behavior.
    OptionDescription
    FilterFilters screen data with the content dropped on the screen.

    Information source: Specify the field to filter data.

    Target studio variable: Select the data query variable to store source data.

    Set variableSpecify the variable that stores the data.

    Target studio variable: Select the data query variable where Data Perspective Studio stores source data.

    Navigate to screenSelect the destination screen to open when you click an object.

    Target screen: The destination screen where the user goes after clicking an object. For example, for a visualization showing risks, clicking a risk could redirect the user to a details page.