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:
- Open ContextHub.
- Filter your views using components and any other filter field of choice.
- 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.
Located at the top right of the Gantt chart is the settings button . Under this button two can be found:
- Display density
- Chart settings
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:
- Click on the gear icon at the far right of the Gantt timeline heading (Gantt settings).
- Select a display density.
- Click "Save".
It is possible to expand all groups by default by checking the option “Expand all groups by default”.
Note: This will expand all rows but you can still overrule certain rows by the arrow in front of the row.
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.
By default, the Gantt chart is grouped by context type. It is also possible to group by a specific context field.
In the Gantt settings, under the chart settings, you can select "context field" under "Group by", after which a drop-down menu opens and lists the fields available.
- Click "Context field".
- Select one of the context fields listed in the drop-down menu.
- Click "Save". Now the Gantt chart is sorted by the values of the selected context field. The group "no value" represents the items for which the selected context field is empty.
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.
- Click on the three vertical dots situated at the top right of the chart bar.
- 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.
Note: Info items have no overlapping solution currently.
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 as they remain active.
To engage live mode:
- Click on the live mode button, situated next to the "Actions" menu.
- 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.
Active live mode is indicated by the green color of the live mode button. 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:
- Look to the item you wish to move.
- Drag the context item type/component 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 drag and drop 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 a 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 a popover appears.
This popover lists the component types that are currently on your screen. Pin 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.
- Goto ContextHub and click on the Configuration button on the top right of the UI.
- Click on "Context item types" in the "PLATFORM CONFIGURATION" menu.
- 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.
- Click on "Edit type" in the drop down menu. A side panel will appear from the right.
- 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.
- Drag and drop over the period of the chart you wish to add an item.
- Click on the + icon that appears right of the drag and drop. A context item panel will appear from the right of the screen.
- Select the item type, provide a description and add further details if necessary.
- Optionally, add more events making sure to select the right states.
- Click on the "Save Context Item" button.
You can see the new context item on the chart providing suitable filter options are selected.
Gantt Time Navigation Bar
In the Gantt chart, you can now easily manipulate the time span you wish to analyze using the navigation bar, positioned at the bottom of the chart.
- Lock button: Use this button to lock the currently selected time span.
- Undo button: Reverses the last action made in the Navigation bar.
- Arrow (left / right) icons on focus chart: In regular (unlocked) navigation mode, these buttons add 20% of the current window size. When the time span is locked, the buttons move the chart (left/right) also by 20%.
- Date and time pickers: Use these buttons to select the start and end time of the Gantt chart.
- Fixed span selection: By selecting the time span picker, you open the option to apply preset time frames to the Gantt chart, to enable a quick and easy way to frame the time span you wish to analyze. These time frames include 1hr, 2hrs, 8hrs a day and so on. Included in this time frame selection menu is the possibility to enter specific time periods. Simply select the exact period you wish to see displayed in the Gantt chart, and press enter. The period picker also enables the manual input of a period from weeks down to seconds. To input a period simply use M for month, w for week, d for day, h for hour, m for minute and S for second.
Example: for a period of 1 week, 2 hours, 2 minutes and 10 seconds, simply input the following: 1W 3H 2M 10S, then press enter. Once you press enter, the Gantt chart expands or contracts to the time period you requested.
Note: If you change the type of the time filter and then use the undo button it would change the type of the time filter back to the initial one.
Example: If you have the time filter set to “Event open” and then decide to change it to “Event open in range (from, to)”, and then use the “Undo” button, this will change back the type of the filter to “Event open”.