How to create a Line Chart

How to create a Line Chart

Select Designer in the main menu of the Real-time application.

Open the "+ Add Widget" and choose "Line Chart".

A pop-up will appear where you need to fill in relevant data.


Field explanation:

  1. Chart type: Choose the type of chart that you wish to see. You have the following options:
    1. Line chart (linear interpolation)
    2. Spline chart (spline cubic interpolation)
    3. Area chart (linear interpolation)
    4. Area spline chart (spline cubic interpolation)
    5. Column chart
  2. Real Time / Historical
    1. Choose Real Time to see data from the current time and a defined period back in time.
    2. Choose Historical to define a period of time. 
  3. Chart Engine / Data grouping
    1. It is now possible to define which Chart engine should be used to draw the graph
    2. With "Data grouping" it is possible to group the data
  4. Retention period: The field will be displayed if you have selected Real Time above. Define the time period that you wish to use, e.g. 30 minutes back in time.
  5. Historical: The field is used if you have selected Historical above. Here, you can enter a specific time period (date and time).
  6. Display Avg.: When activated, you will see an average line on the graph.
  7. Display Min.: When activated, you will see a line displaying the lowest value on the graph.
  8. Display Max.: When activated, you will see line displaying the highest value on the graph.
  9. Display Trendline: When activated, then the chart will display a trendline in the graph, which takes into account the data within the graph and the time period you are looking into.
  10. Allow custom dates filter: Enabling this will make it possible for the operators to set a custom data on the page "Main".
  11. Improved display on only send changes tags (beta): is useful when using "Only send changes" tags, where the graph will show data, even though there are no new data from the PLC or sensor.
  12. Show navigator: When activated, then a quick zoom possibility will be shown in the graph. This will make it quick and easy to zoom to 1 hour, 6 hours, 1 day, 1 week, 1 month. 

Choose "+ Add new tag" to add the data from a tag that is to be displayed in the graph. You can display multiple values in the same graph.


A new pop-up will appar. Fill in the required information.

Field explanation

  1. DIAP: Choose the DIAP that you wish to use.
  2. PLC: Choose the PLC or standalone sensor that you wish to show data from.
  3. Tag: Choose the tags or sensors that you wish to visualize data from.
  4. Offset: This field is defined when the tag/sensor is created.
  5. Multiplier: This field is defined when the tag/sensor is created.
  6. Manual Y-axis value (toggle): Activate the toggle if you want Y-axis to be manual. If you choose manual Y-axis, you need to enter the following information:
    1. Min. value: Defines the minimum value on the Y-axis.
    2. Max. value: Defines the maximum value on the Y-axis.
    3. Lower RED value: Defines a lower red area on the graph.
    4. Upper RED value: Defines an upper red area on the graph. 

In the example below, we have chosen an automatic Y-axis.

Repeat the process if you wish to visualize multiple tags and sensors in the same chart.

Remember to save changes. 


When you click "Save changes", the window will close and the chart will be displayed.