TH NextGen - Navigation

Time navigation is TrendMiner's easy to use data navigation feature.

When you are pressed to make a decision, TrendMiner's efficient navigation feature enables you to quickly find trends in your data that help define a problem or confirm a hypothesis.

You can use three levels of time navigation to help you find trends in your data:

  • Focus chart
  • Context chart
  • Double slider

It is important that you can distinguish between these different levels to understand how TrendMiner works.

Tools that assist navigation and Trend plot management include:

  • Shifting, Zoom in and undo time navigation
  • Focus chart settings
  • Data scooter
  • Selection menu


Double Slider

The double slider controls the time range of the context widget  over which time navigation and search operations will be performed.

The full span of the double slider covers the period between 2010 and present day (an adjustable setting in ConfigHub). The selection defaults to the last 6 months of available data. The double slider can be adjusted on both sides to select any time period within the full available history of the active measurements. For a more precise range selection click the double slider to open a date picker popup.

Context chart

The context chart shows an overview of the relevant data to examine and can be used for convenient selection of a time period of interest.  

Drag or stretch the rectangle with solid borders to change the selection in the focus chart. If needed, use the double slider to navigate to a period of interest first. You can start drawing a new rectangle in an unselected part of the context bar at any time. The focus chart will load data for this selected area. 

Click on an empty part of the context bar widget to select the full context range.

Focus chart

The focus chart offers various controls for time navigation. 

Date and time pickers: Use these buttons to select the start and end time of the focus chart. 

Fixed span selection: By selecting the time span picker, you open the option to apply preset time frames to the focus 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 trend view, 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 y for year, M for month, w for week, d for day, h for hour, m for minute and s for second.

For example, for a period of 1 week, 2 hours, 2 minutes and 10 seconds, simply input the following: 1w 2h 2m 10s, then press enter. Once you press enter, the focus chart expands or contracts to the time period you requested.

Note: Clicking on the lock icon from unlocked mode will lock the currently selected time span, as opposed to the predefined time span. 

Shifting, zoom in and undo zoom


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%.

Chart zooming can also be done in scroll fashion with the mouse and touchpad. The focus chart period is zooming in/out on the location of the mouse pointer.

Zoom icon for a marked area on the focus chart: This button appears in the selection menu after marking an area in the focus chart and offers a convenient way to zoom in on a period of interest.


The undo time navigation functional restores your current view to your previous time settings, meaning undoing any time navigation actions, restores the view you started from.

Panning - Focus plot X - axis

Drag and drop functionality added to the time axis (trend / stacked)

  • Hovering on the x-axis (time axis) updates the mouse pointer, depending on the state of the lock, to a horizontal or all direction move icon.
  • Moving through time (to the future / past) possible by drag and drop functionality.
    • Clicking down on the x-axis, 'grabs' the axis, ready to move left or right.
    • The time axis only moves in a horizontal direction (left or right).

Lock state

Depending on the state of the lock (context controls) the behaviour is different.

  • Closed lock
    • The whole period is moving (period stays fixed).
    • Moving to the right shows older data.
    • Moving to the left shows newer data.
  • Open lock
    • The period gets bigger, loading more content on one side.
    • Moving the axis to the right adds older data to the focus chart, the end date stays fixed.
    • Moving the axis to the left adds future data to the focus chart, the start date stays fixed.

Panning - Focus plot y-axes

Drag and drop functionality added to the data reference value axis (trend / stacked).

  • Hovering on a y-axis (DR value axis) updates the mouse pointer to a vertical move icon.
  • When moving the y-axis up or down updates the current scale settings of that tag or attribute.
    • Moving up, decreases the lower scale limit.
    • Moving down, increases the upper scale limit.

Focus chart settings

Located at the top right of the focus chart the settings button sits. Click this button to access context item, trendline filling and grid line options.


By checking on the "Trendline filling" option, you fill the area under the curve of each plot. By checking on the "Gridlines" option, grid lines appear on the chart. If you check the Context items options, your context items associated with the period you have displayed will appear on the chart.

Data scooter

Data scooters are boxes on the focus chart that contain values of graphical data at set time points. The data in the scooter are points at which the graphical data lines are intersected by scrolling both x and y axes.

Data scooters help the interpretation of data within the graphical display. The numerics are pinned values that are displayed in visible tags, sometimes referred to as a timestamp. Values between data points are interpolated. You can create two or more scooters to compare values of the base period at every moment in time.

How to add data scooters

To add a new data scooter:

  1. Move the cursor to the desired time in the focus chart.
  2. Double click.

The data scooter displays values of the base layer time period and its timestamp. For analog tags, values are linearly interpolated. For discrete, string and digital tags, the value of the previous point is displayed.

Note: When data scooters are used on large (zoomed out) windows with rapidly varying data, the accuracy of the values displayed on the data scooter is limited. Best results are obtained by zooming in on the desired period.

How to move data scooters

Having a data scooter with the wrong timestamp can be frustrating. Because of this reason each data scooter can be grabbed (mouse down) and placed somewhere else on the focus chart.

How to remove data scooters

To remove a data scooter:

  • Double click on an existing scooter.
  • Click on the cross in the data scooter's header.

To remove all data scooters at once, click on the three vertical dots within one of the shown data scooters. A Remove all option appears. Click on this button.


Note: Values indicated on the data scooter are the interpolated values at that time.

Use: Create two or more scooters to compare values of the base period at two moments in time.

Selection menu

When you drag and drop over a period in the focus chart you create a greyed selection area. By doing this you are highlighting your interest in this particular period. When the area is selected a selection menu appears.

This menu consists of two options:

  • Zoom
  • Add context item


Click the zoom button to zoom into the area you have selected.
When you click the "add context item" option the add context item side panel appears.


Populate the side panel and click on the save button to add a context item to your greyed selection area.


Note: For the add context item option to be present, make sure the chart setting "Context items" is enabled.

Note: When a grey area is selected and a context item added, two context item icons appear. One at the beginning of your selection and one at the end. When you hover over the one of the two paired items the intervening period is highlighted over the rest of the focus plot. This feature is particularly useful when your chart is filled with context items.


In addition to this, context items that feature in your focus plot also appear in the context item menu left of the plot.


Clicking on these items will result with the corresponding context item side panel appearing from the right of the screen.

On the context item menu adding a context item is also a possible option, using the blue "add" button in the header of the menu.

You can also add a context item via the data scooter.

  1. Double click on the chart and a data scooter will appear.
  2. Click on the three vertical dots within the scooter.
  3. Click on the "Add context item" option.

    -- The "Add a context item" panel will appear from the right side of the screen.

  4. Populate the panel.
  5. Click on the "Save Context Item" button.


The context item will appear in the selection location of the focus plot and also in the context item menu, on the left side of the chart.