ContextHub - Gantt settings

As a user you can view a Gantt chart to display your context items.

The Gantt chart can be configured to display context items typically seen in the ContextHub grid view. Components in the Gantt chart are displayed by section and context types fall under each relevant section by row.

You are able to view multiple components on the Gantt chart which by default display in alphabetical order. You can sort the items in your chart by type or by component. New items are added to the bottom of the chart. This is particularly important when you are collecting new items for your chart in live mode.

Refine your Gantt using multiple options located under the filter button and by citing the period of interest. Group your items by context type or by context field.

To select Gantt view mode:

  1. Open ContextHub.
  2. Filter your views using components and any other filter field of choice.
  3. Click on the Gantt chart icon located towards the top right of the ContextHub UI.


Note: Context items of an instant type are plotted in the row of the component itself.

Gantt Settings

Located at the top right of the Gantt chart is the settings button GS7.png. Under this button two settings can be found:

  • Expand all types by default (see overlapping context items below)
  • Gantt configuration
    • Display density
    • Group by

Gantt Configuration

Gantt display density

The display density of the Gantt chart refers to the level of bar compaction seen on the chart. There are three settings: compact, regular and spacious. 

First display your Gantt chart on screen, then:

1. Click on the gear icon at the far right of the Gantt timeline heading (Gantt settings).

2. Select display density.



3. Click "Save".

Gantt grouping

By default the group setting is by context type. Rows can also be grouped in the Gantt chart based on context field.


In the following image two context types describing events concerning a process flow component are displayed. The context types are:

  • Anomaly
  • Loss: Availability


By clicking the three dots  and Gantt configuration, you can select a context field, a drop down table opens and lists the fields available.

  1. Click "Context field".
  2. Select one of the context fields listed in the drop down menu.
  3. Click "Save". Now the Gantt chart is sorted by the values of the selected context field and the "no value" represents the empty context fields.

Overlapping context items

When you hover over an item on the Gantt chart, underlying context items are contrasted from the top layer.


By clicking on the item a dropdown list of items appears.


You can also expand the type by clicking the small arrow situated in the first column of the item. All layered items are now located on their own row.


Note: Expanded rows are organised by start time.

Expand all types by default under the three vertical dots button. 

  1. Click on the three vertical dots situated at the top right of the chart bar.
  2. Click the checkbox for "Expand all types by default".

Instant context items

Instant context items are items with a single time point signified on the Gantt chart by an icon; for example, an information icon highlighted as an (i) in a small green circle.


The same principles as with the overlapping context items above apply to the overlapping instant items as well as context item fields. 

  • Click on individual instant items to open the associated context panel 
  • Click on the arrows located in the row headers to expand overlapping instant items / context fields.
  • Scroll over a cluster of icons and click, a dropdown list will appear providing a list of all instant items in the cluster.


To expand types or fields by default,

  1. Click on the three vertical dots; a drop down menu will appear.
  2. Click on the expand check box located in the drop down menu.


Also under the dots you can select a gantt configuration. A side panel will reveal from the right for you to select display density and group type.

Note: This will expand all rows but you can still overrule certain rows by the arrow in front of the row.

Note: Info items have no overlapping solution currently.

Note: When using this option, all newly added data (e.g. types that have no data in the current timeframe but have data in a larger timeframe) will follow this default setting.


Gantt live mode (ContextHub)

Live mode enables auto-refreshing on the Gantt chart so that new items that have been set, feature on the Gantt chart automatically. As time progresses the new items appear on the right of the Gantt and grow in size as they remain active.

To engage live mode:

1. Click on the time filter situated above the Gantt chart.

2. Click on the check "Enable live mode".


3. Click "Done".

4. Click "Action" and click on "Save".

Note: Live mode updates every 5 secs.

Note: Live mode is only available for relative time periods. Eg. Last 8 hours

Note: Historical data of items added to the Gantt chart will not be seen in live mode. Only the newest information is added.

Once live mode is engaged, you can see a small icon on the time filter above the Gantt that signifies the fact you are working in live mode. The bubble also turns green. When live mode is switched on and the Gantt is saved, the live status of your view will remain until you switch it off.

New items added to the Gantt with the live mode on can be visualized in real time. When items are closed manually, the Gantt elements affiliated will automatically stop further additions to the bars.

Sorting the Gantt chart

Gantt sort refers to the order of the Gantt components and types displayed on the table. Gantt sort enables you to move the context components and types into an order of preference. By default new context items are added to the bottom of the Gantt. 

To sort the context items:

1. Look to the item you wish to move.

2. Click the small arrow to the right of the context item name, up or down to move as desired.


3. Save the sort conducted by clicking on the action button.

4. Click "Save" in the action drop down. 

Gantt sort occurs on two levels; the type level and component level. You can use the up down arrow beside the type name to move the type up or down the table as required. Sorting on the component level sorts the component as well as associated types. For example, if you have a pump component with various types associated, such as an anomaly, equipment failure and cleaning types, the entire package moves with the component.   

Note: With any alteration to the order of the components and types, the view definition changes to "Unsaved changes", so you must save after the selected component/type moves. 

Note: Gantt rows are sorted alphabetically by default.

Pin a row on the Gantt chart 

Pinning row to your Gantt chart, means your rows will always appear in your Gantt chart, even if there is no data available for the combination of set filters. 

To pin a row, simply click on the pin situated to the item of interest. A dark grey pin denotes an item as pinned to the Gantt chart.  


You can pin components, types and fields. 

If you pin a component popover appears.  


This popover lists the component types that are currently on your screenPin available types under the component by checking the boxes. By unchecking the boxes you remove the pinning action.  Using the search box, you can add additional types that are currently not on your screen.  

Pinning on the Gantt chart is available for charts grouped by type or context field.  

Label on the Gantt

For ease of identification the bars on the Gantt can be specifically labelled with identifiers that enable simple differentiation between context types. 

Labelling of this type is controlled in the edit type detail page. 

1. Goto ContextHub and click on the  Configuration button on the top right of the UI.

2. Click on "Context item types" in the "PLATFORM CONFIGURATION" menu. 

3. Select a context item type you wish to have a field label, and click on the three vertical dots located on the right side of the type row. 

4. Click on "Edit type" in the drop down menu. A side panel will appear from the right.

5. Under "Context fields" select the items you wish to add a label on the Gantt, and turn the associated toggle on.


Now the identification is displayed on the associated item Gantt bars.

Create context items on Gantt

If you are viewing the Gantt chart, you have the option to add context items directly to the chart. This is particularly useful if an item is missing from the chart and you need to quickly add it.

  1. Drag and drop over the period of the chart you wish to add an item.
  2. Click on the + icon that appears right of the drag and drop. A context item panel will appear from the right of the screen.
  3. Select the item type, provide a description and add further details if necessary.
  4. Optionally, add more events making sure to select the right states.
  5. Click on the "Save Context Item" button.

You can see the new context item on the chart providing suitable filter options are selected.

Enjoying TrendMiner? Share your experience to help the community and receive $25.
Rate TrendMiner