====== Graphs ======

{{:cs:mervis-scada:90-how-to:graph_-_icon.png}}

//Graph Icon//

Marked data points can be displayed using a graph. There are several types of displays available. Each has its specific settings.

===== Graph Control =====

{{:cs:mervis-scada:90-how-to:36.png}}

//Graph Control Icon//

Graph control is common for all types of graphs and allows:

| {{:cs:mervis-scada:90-how-to:01-project-graph.png|}} | Hide legend |
| {{:cs:mervis-scada:90-how-to:02-project-graph.png|}} | Abbreviated legend (only the name of the data point) |
| {{:cs:mervis-scada:90-how-to:12-project-graph.png|}} | Full legend |
| {{:cs:mervis-scada:90-how-to:03-project-graph.png|}} | Hide axis labels |
| {{:cs:mervis-scada:90-how-to:14-project-graph.png|}} {{:cs:mervis-scada:90-how-to:04-project-graph.png|}} | Select points / Delete selected points |
| {{:cs:mervis-scada:90-how-to:05-project-graph.png|}} {{:cs:mervis-scada:90-how-to:06-project-graph.png|}} | Move left/right |
| {{:cs:mervis-scada:90-how-to:07-project-graph.png|}} {{:cs:mervis-scada:90-how-to:08-project-graph.png|}} | Zoom in/Zoom out |
| {{:cs:mervis-scada:90-how-to:09-project-graph.png|}} | Settings |
| {{:cs:mervis-scada:90-how-to:10-project-graph.png|}} | Full screen |

===== Graph Templates =====

Graph templates allow you to save and quickly reapply a graph's full configuration — series colors, axis assignment, background styling, and data scaling — instead of manually rebuilding these settings on every graph.

==== Opening Template Settings ====

Click the **Settings** (gear) icon in the graph toolbar to open the graph settings panel.

{{:en:mervis-scada:90-how-to:scada_gear_icon.png?600}}

//Settings icon in the graph toolbar//

The panel opens with two collapsible sections: **Template** and **Series**. By default, Template appears collapsed at the top.

{{:en:mervis-scada:90-how-to:scada_template_bar.png?600}}

//Collapsed Template section in the graph settings panel//

Click **Template** to expand it and reveal the configuration options: Select template, Template name, Background color, Optimize data scales, and Series for background.

{{:en:mervis-scada:90-how-to:scada_template_down.png?600}}

//Expanded Template section with configuration options//

==== Saving and Applying a Template ====

The example below shows a saved template named **Outdoor Temp Comparison**, applied to a graph plotting three related outdoor temperature series (Venkovní teplota SEVER, Venkovní teplota JIH, Venkovní prumer):

  * **Template name** is set to ''Outdoor Temp Comparison''.
  * **Background color** has been changed to a light purple, giving the graph a distinct, recognizable look.
  * **Optimize data scales** is checked (Set), so the axis scaling adjusts automatically.
  * After clicking **Save**, the template becomes available in **Select template**, shown here already populated with ''Outdoor Temp Comparison'' — confirming it was saved and is ready to be applied to other graphs.
  * The graph's name field in the top toolbar also updates to reflect the applied template name.

{{:en:mervis-scada:90-how-to:scada_template_settings.png?800}}

//Saved template "Outdoor Temp Comparison" applied, with background color and Optimize data scales set, shown in Select template ready for reuse//

To apply this same template to a different graph:

  * Open the target graph and click the **Settings** (gear) icon in the graph toolbar.
  * Expand **Template** and choose the saved template from **Select template**.
  * The background color, scaling behavior, and any other saved template settings are applied immediately.

==== Template Fields Reference ====

| Select template | Choose a previously saved template to apply to the current graph |
| Template name | Enter a name to save the current configuration as a new template |
| Background color | Set a custom background color for the graph |
| Optimize data scales | Toggle automatic adjustment of axis scaling |
| Series for background | Select which data series is used as the background reference |

Below the Template section, the **Series** list shows each data point plotted on the graph along with its assigned color and axis. Each row includes an edit (pencil) icon and a remove (X) icon.

Additional actions available at the bottom of the panel:

| Export XML | Export the full graph configuration (series, axes, template settings) as an XML file |
| Save | Save changes to the current template or graph configuration |
| Delete | Delete the current template |

===== Line Graph =====

This is the most commonly used type of graph. In most cases, the desired information can be found in this display. It is especially suitable for comparing multiple variables over time.

{{:cs:mervis-scada:90-how-to:28-project-graph.png?800}}

//Sizes of the output measured and desired temperatures of the heating circuit and the current operating mode.//

==== 1. Selection and Settings of the Graph ====

| {{:en:mervis-scada:90-how-to:graph_templates.png|}} | Selection from pre-defined graph templates, or currently selected |
| {{:en:mervis-scada:90-how-to:time_period.png|}} | Time period |
| {{:en:mervis-scada:90-how-to:graph_type.png|}} | Graph type |
| {{:cs:mervis-scada:90-how-to:18-project-graph.png|}} | Highlight measured points |
| {{:cs:mervis-scada:90-how-to:19-project-graph.png|}} | Connect all points |
| {{:cs:mervis-scada:90-how-to:20-project-graph.png|}} | Optimize range |
| {{:cs:mervis-scada:90-how-to:21-project-graph.png|}} | Show only visible data |
| {{:cs:mervis-scada:90-how-to:22-project-graph.png|}} | Oscilloscope mode |
| {{:cs:mervis-scada:90-how-to:23-project-graph.png|}} | Reload data |
| {{:cs:mervis-scada:90-how-to:24-project-graph.png|}} | Export |
| {{:cs:mervis-scada:90-how-to:25-project-graph.png|}} | Upload data |
| {{:cs:mervis-scada:90-how-to:09-project-graph.png|}} | Settings |
| {{:cs:mervis-scada:90-how-to:26-project-graph.png|}} | Weather |

==== 2. Legend ====

{{:cs:mervis-scada:90-how-to:29-project-graph.png}}

//Legend//

By clicking on the legend, it is possible to show/hide data assigned to it. Labels are also pinned directly to the time axis.

==== 3. Weekend Marking ====

Gray background marks Saturday and Sunday.

===== Carpet Graph =====

Suitable for detailed display of 1 variable over a longer time period (e.g., 1 month). This graph is useful for status variables, where the device's mode can be displayed for individual days in the selected period. This way, other variables (e.g., room temperature) can also be displayed.

{{:cs:mervis-scada:90-how-to:30-project-graph.png?800}}

//Current operating mode of the heating circuit. On the x-axis, individual days of the displayed period are visible. On the y-axis, hours in the day are visible.//

{{:cs:mervis-scada:90-how-to:27-project-graph.png?800}}

//Room temperature//

==== 1. Color Scale Settings ====

==== 2. Weekend Marking ====

Vertical white lines separate the workweek, Saturday, and Sunday.

==== 3. Color Scale Legend ====

==== 4. Public Holiday Example ====

September 28th was a public holiday. In the graph, it is clearly visible that the weekend operation was observed.

===== Column Graph =====

This is the second most commonly used type of graph. It is suitable for displaying variables for which some aggregation (average, maximum, minimum, etc.) is appropriate.

{{:cs:mervis-scada:90-how-to:32-project-graph.png?800}}

//Example of a Column Graph//