Skip to Content
Last modified by Iaroslav Platonov on 2026/06/08 10:32
From version 138.1
edited by Lana
on 2025/12/04 16:50
Change comment: Uploaded new attachment "Screenshot 2025-12-04 at 13.50.42.png", version {1}
To version 142.1
edited by Lana
on 2025/12/04 17:07
Change comment: Uploaded new attachment "Screenshot 2025-12-04 at 14.07.04.png", version {1}

Summary

Details

Page properties
Content
... ... @@ -277,7 +277,7 @@
277 277  
278 278  To save the changes, click **Save.**
279 279  
280 -If saving the settings is not required, the window can be closed by clicking the button [[image:Screenshot 2025-12-04 at 12.30.16.png||height="25" width="24"]] or anywhere outside the modal window. ​​​​​​​
280 +If saving the settings is not required, the window can be closed by clicking the button [[image:Screenshot 2025-12-04 at 12.30.16.png||height="25" width="24"]] or anywhere outside the modal window.
281 281  
282 282  When an active element on the diagram is selected and the **Binding an element to a tag or channel** button [[image:Screenshot 2025-12-04 at 12.30.53.png||height="23" width="22"]] is clicked, the element panel on the left side of the graphical editor is replaced with a tree for binding diagram objects to the information model.
283 283  
... ... @@ -336,7 +336,7 @@
336 336  * Create custom categories with objects (see section 4.3).
337 337  * Select all the objects to be replaced on the diagram, right-click, and select the menu **Replace with another element.** In the window that opens, expand the category with the new object (see Fig. 4.11) and select it (if posters have been reconfigured for the object, then check the box **Apply new poster settings**). Click **Apply.**
338 338  
339 -**​​​​​​​​​​​​​​**[[image:Screenshot 2025-12-04 at 12.37.31.png||height="422" width="477"]]
339 +[[image:Screenshot 2025-12-04 at 12.37.31.png||height="422" width="477"]]
340 340  
341 341  Figure 4.11. Replace with another element modal window
342 342  
... ... @@ -348,7 +348,404 @@
348 348  
349 349  If the active object does not have this parameter, trying to connect it to the line shows a prompt like in Fig. 4.13. The enabled parameter in the **Connectable** styles only affects the auto-replacement of the active object; this setting is not to affect the visual display in any way.
350 350  
351 +[[image:Screenshot 2025-12-04 at 13.11.02.png||height="599" width="365"]]
351 351  
353 +Figure 4.13. Prompt when trying to connect a line to an active object
354 +
355 +To conveniently select a large number of replaceable elements, use the **Select all similar elements **menu. This function works if the object being replaced is placed in a custom category, based on which the diagram was drawn. In other words, all objects have the same properties as the objects in the category. To use this function, select an element on the diagram, right-click, and select the **Select all similar elements.** All similar elements are to be highlighted automatically.
356 +
357 +After elements are automatically selected, the **Replace with another element** can be used.
358 +
359 +If the objects on the diagram differ from those placed in the category, clicking **Select all similar elements** pops up a message as in Fig. 4.14.
360 +
361 +[[image:Screenshot 2025-12-04 at 13.11.47.png]]
362 +
363 +Figure 4.14. Selecting similar elements is not available
364 +
365 +== 4.6. Auto-replace of colors used in diagrams ==
366 +
367 +[[image:Screenshot 2025-12-04 at 13.12.37.png]]
368 +
369 +Figure 4.15. Color replacement modal window
370 +
371 +Fig. 4.15 shows the** Color replacement** modal window, which allows the diagram developer to change the current color of not only the rendered elements (In the diagram) but also the color set in active object rules (In the rules) and text color (In the text). Clicking** Replace** applies the changes to the entire diagram. To change the color of individual objects, use standard style editing, as shown in Fig. 4.3.
372 +
373 +== 4.7. Setting up an animation frame for technological events associated with a diagram object ==
374 +
375 +[[image:Screenshot 2025-12-04 at 13.13.43.png]]
376 +
377 +Figure 4.16. Scheme settings modal window
378 +
379 +For each created diagram, the flashing frame around the active object in diagram view mode can be customized depending on the incoming technological event. In the** Settings **window, under the **Animation frames,** the fields include:
380 +
381 +* **The frame **is the color of the frame
382 +* **Border, px** is the thickness of the frame
383 +* **Offset, px** is the indent of the displayed animation frame from the frame of the graphic element
384 +* **Animation time, s, **is the flashing time in seconds of incoming technological events that are configured without acknowledgment
385 +* **Fill **is the color of the fill inside the frame
386 +* **Opacity, % **is the opacity of the fill color inside the frame from 0 to 100%.
387 +
388 +== 4.8. Chart settings ==
389 +
390 +The diagrams support adding charts, enabling real-time monitoring of specific parameters, as well as the display of future data, for example, to compare planned versus actual values.
391 +
392 +The default chart template is in a custom category named **Charts.** To use it, move it to the diagram canvas (see Fig. 4.17).
393 +
394 +[[image:Screenshot 2025-12-04 at 13.15.15.png]]
395 +
396 +Figure 4.17. Charts object
397 +
398 +The **Charts** object removed from the category visually looks like a picture that can be expanded in width and height, all other settings for colors, fonts and links are in the **Edit data of chart** modal window (see Fig. 4.18), which is available by right-clicking on the object and selecting **Edit data of chart.**
399 +
400 +The chart can display not only the value of a tag or a metering channel, but also several tags and channels, placing them on the same or separate axes.
401 +
402 +=== 4.8.1. Charts of current tag values in the template ===
403 +
404 +Fig. 4.18 shows an example of configuring the tag value chart display
405 +
406 +[[image:Screenshot 2025-12-04 at 13.16.36.png]]
407 +
408 +Figure 4.18. Edit data of chart modal window
409 +
410 +The** Edit data of chart** modal window includes the following settings:
411 +
412 +* **Chart depth**
413 +* **Round** is rounding up values with the number of decimal places.
414 +* **Left X-axis boundary** is a required field, it defines the display depth of the chart (which also determines the data averaging interval). Parameters can be specified in days, hours, or minutes - the selected period is to be used for display in the diagram view mode.
415 +* **Y boundaries** are the boundaries of the chart display along the Y-axis, optional.
416 +* **Grid color** is the color of the grid.
417 +* **Axis color** is the color for the chart axes.
418 +* **Background color** is the color for the chart background.
419 +* **Font Size **is the font size.
420 +* **Font color** is the color for the font.
421 +* **Date format** is DD MMM YYYY (day, month, year). DD.MM .YY HH:mm:ss (day, month, year, hours, minutes, seconds).
422 +
423 +When filling in the chart settings, the data is displayed as shown below:
424 +
425 +[[image:Screenshot 2025-12-04 at 13.18.01.png]]
426 +
427 +Figure 4.19. Chart in the diagram viewer
428 +
429 +Fig. 4.19 shows an example of a customized chart. This chart updates in real time and displays data from the last 5 minutes. Right-clicking on the chart opens the** Measurements** window, which provides information about the linked tag, its value, and more. Hovering the left mouse button over the chart calls the pop-up with the date, time, and value.
430 +
431 +=== 4.8.2. Charts of tag values selected on the diagram ===
432 +
433 +[[image:Screenshot 2025-12-04 at 13.18.57.png]]
434 +
435 +Figure 4.20. Edit the data of the chart
436 +
437 +To plot a chart for any selected tag on the diagram, configure the fields as shown in Fig. 4.20:
438 +
439 +* Left border along X,
440 +* Y boundaries,
441 +* Grid color,
442 +* Axis color,
443 +* Background color,
444 +* Font size,
445 +* Font color,
446 +* Date format.
447 +
448 +When the chart settings are configured as shown in Fig. 4.20, data in view mode is displayed only after a linked tag is left-clicked. Each additional selected tag plots its own chart (see Fig. 4.21).
449 +
450 +[[image:Screenshot 2025-12-04 at 13.19.47.png]]
451 +
452 +Figure 4.21. Chart in the diagram viewer
453 +
454 +=== 4.8.3. Displaying future data on charts ===
455 +
456 +[[image:Screenshot 2025-12-04 at 13.20.34.png]]
457 +
458 +Figure 4.22. Edit the data of the chart
459 +
460 +Configuring charts for future data is similar to the previous steps.
461 +
462 +The difference lies in an additional field for metering channels, as shown in Fig. 4.2.2, where:
463 +
464 +* **The right border along X** displays future data; if no values are specified, the data for the current time is shown.
465 +
466 +When the chart settings are configured as shown in Fig. 4.22, the data in view mode is to display values within a range of a day ahead and a day behind (see Fig. 4.23).
467 +
468 +This data, displayed on the charts, enables forecasting, comparing planned vs. actual performance at the enterprise, and similar analyses.
469 +
470 +[[image:Screenshot 2025-12-04 at 13.21.50.png]]
471 +
472 +Figure 4.23. Forecasting chart
473 +
474 +== 4.9. Setting up level indicators ==
475 +
476 +[[image:Screenshot 2025-12-04 at 13.23.18.png]]
477 +
478 +Figure 4.24. Water level parameter output
479 +
480 +The diagram editor allows displaying data indicating the levels of measured values. Fig. 4.24 shows an example that displays the value of the //Water level// tag in the form of filling a vertical rectangle in blue.
481 +
482 +To configure this function:
483 +
484 +* Draw a suitable object, a rectangle, for example
485 +* Click on the **Setting up rules** icon [[image:Screenshot 2025-12-04 at 13.24.08.png||height="20" width="24"]]
486 +* In the window that opens (see Fig. 4.25), the** Condition** and **Action** fields need to be filled in for the rule. If highlighting areas based on specific conditions is not required, the **Condition **field can be left empty – in this case, the rendered object is to be displayed using the color specified in the **Action** field.
487 +
488 +[[image:Screenshot 2025-12-04 at 13.24.38.png||height="202" width="691"]]
489 +
490 +Figure 4.25. Setting the fill depending on the values
491 +
492 +Fig. 4.25 shows the setting of the fill depending on the values without conditions. The action to change the fill consists of the fill areas:
493 +
494 +1. In step #1, select the** Style** tab.
495 +1. In the suggested menu, select the option **Fill depending on the values.**
496 +1. Select the tag/attribute name from the drop-down list.
497 +1. If a tag is selected, its ID should be entered or selected from the drop-down list. If an IM attribute is selected, it also needs to be specified from the drop-down list of the class tree.
498 +1. The fill range of the minimum and maximum scales can be set not only by specifying any values, but also by the value of the channel/tag/attribute.
499 +1. Specify the minimum/maximum value of the scale for filling.
500 +1. Select the background color.
501 +1. Select the fill color of the area to be changed dynamically.
502 +1. Select the fill direction: vertically or horizontally.
503 +
504 +Thus, the display can be adjusted to show not only basic levels but also minimum and maximum values in the drawing by using different object fills based on a set of conditions.
505 +
506 +== 4.10. Properties of active objects ==
507 +
508 +Each created active diagram object has properties that affect various display functions in the viewing mode.
509 +
510 +To edit the properties of an object, right-click on it and select the **Edit data of the element.** The **Edit data of element **modal window is shown in Fig. 4.26.
511 +
512 +[[image:Screenshot 2025-12-04 at 13.26.04.png]]
513 +
514 +Figure 4.26. Edit the data of the element
515 +
516 +* **Disabling context menus** allows selecting items that should be excluded from the context menu of the active object in the diagram viewer.
517 +* **Opening with a left-click **allows opening selected menu items with a left-click.
518 +* **Disable blinking of events for IM objects** disables the flashing frame around the active object when the event is triggered.
519 +* **Disable context menus, posters, and animations** disables the following:
520 +
521 +1. Disables the installation of posters for elements that are object attributes in the IM but have the same element ID bindings on the diagram. In Fig. 4.27, the dedicated switch is linked to ID 13939, the element TO is linked to the same ID, it is located in the measurements of the object (Activation of the TO). For posters to be exposed only to the switch, it is necessary for an IM element to enable **Disabling context menus, posters, and animations.**
522 +1. The// Disable context menus, posters, animations// attribute disables animation for such an element if the event is triggered not by changing it, but by changing another attribute included in this object, but if the triggered event relates to this attribute, then animation will work for it. In Fig. 4.27, the dedicated switch is linked to ID 13939, the element TO is linked to the same ID, it is located in the measurements of the object (Activation of the TO). If the **Disable context menus, posters, animations** field is disabled, the TO element will flash at any event related to the object with ID 13939. For the "TO" to flash only at an event that relates to this parameter, the TO element should turn it on.
523 +1. The //Disable context menus, posters, animations// attribute also disables all context menus that are available to the object, but only measurements remain. In Fig. 3.27, the dedicated switch is linked to ID 13939, the element TO is bound to the same ID, it is located in the measurements of the object (Activation of the TO). If an IM element does not include the// Disable context menus, posters, animations //attribute, then all context menus from the switch are to be available to it.
524 +
525 +[[image:Screenshot 2025-12-04 at 13.27.06.png]]
526 +
527 +Figure 4. 27. Disabling context menus, posters, and animations attribute
528 +
529 +* **Disabling graphic animation** helps smooth the transition (rotations, offsets, and other geometric changes) of active or dynamic objects from one state to another in the diagram viewing mode.
530 +* **Enabling element backlight **allows turning on the element highlighting when hovering in the diagram viewer (see Fig. 4.28), which allows the user to determine which diagram objects are active.
531 +
532 +[[image:Screenshot 2025-12-04 at 13.28.03.png]]
533 +
534 +Figure 4.28. Highlighting of an active element of the diagram
535 +
536 +* **The hidden element** allows adjusting the visibility/invisibility of rendered objects in the diagram viewer. As soon as any object with this setting appears, a button [[image:Screenshot 2025-12-04 at 13.28.37.png||height="26" width="24"]], which hides such an object appears in the viewer in the upper-right corner. Clicking on it displays the diagram object and shows the button like this [[image:Screenshot 2025-12-04 at 13.29.19.png||height="23" width="25"]].
537 +
538 +[[image:Screenshot 2025-12-04 at 13.29.40.png]]
539 +
540 +Figure 4.29. Highlighting and hiding the active element of the diagram
541 +
542 +* **Enabling animation for changing the state of a discrete signal** enables/disables the animation frame for objects whose tags are not described in the system of technological events, i.e. there are no records of alerts related to a particular state of the discrete signal in the logs. The flashing frame is to be displayed for as long as it is set in the animation settings of the diagram in Fig. 4.16.
543 +* **The label **does not require filling in.
544 +* **Element ID** is an object binding to the IM.
545 +* **Poster position** can be vertical or horizontal, should be selected from the drop-down list.
546 +* **X-indent **indicates the X-axis coordinate. When moving the image near the active object, this coordinate is to be written automatically.
547 +* **Y-indent** indicates the Y-axis coordinate. When moving the image near the active object, this coordinate is to be written automatically.
548 +* **The add attribute** button allows adding additional properties to an object.
549 +
550 +In the **Measurements (left click)** field, left-click can adjust the number of rows and columns in the table. Fig. 4.30 shows an example of a two-column table.
551 +
552 +[[image:Screenshot 2025-12-04 at 13.30.35.png]]
553 +
554 +Figure 4.30. Changing the view of the measurement table
555 +
556 +== 4.11. Simplified manual input from a diagram ==
557 +
558 +In diagrams, tag values can be entered manually not only in the measurement window but also in separately drawn objects.
559 +
560 +To quickly manage tags using manual input, a template is provided, which is located in the user category //Manual input.// To use this object, drag it to the diagram canvas (see Fig. 4.31).
561 +
562 +[[image:Screenshot 2025-12-04 at 13.31.44.png]]
563 +
564 +Figure 4.31. Manual input object
565 +
566 +The manual input object removed from the category (see Fig. 4.31) visually looks like a picture that can be expanded in width and height. All other settings can be found in the **Editing manual input** modal window (see Fig. 4.32), which is available by right-clicking on the object and selecting the **Editing manual input **menu.
567 +
568 +[[image:Screenshot 2025-12-04 at 13.32.15.png]]
569 +
570 +Figure 4.32. Editing the manual input window
571 +
572 +Fig. 4.32 shows the **Editing manual input** modal window, which includes the following settings:
573 +
574 +* **Tag** drop-down list for selecting a binding to a tag or IM attribute;
575 +* **Tag ID** drop-down list for binding to the tag ID or to the IM object, and its attribute.
576 +
577 +[[image:Screenshot 2025-12-04 at 13.32.50.png]]
578 +
579 +Figure 4.33. Binding the tag to the manual input object
580 +
581 +[[image:Screenshot 2025-12-04 at 13.33.15.png]]
582 +
583 +Figure 4.34. Binding to the attribute of the IM object
584 +
585 +Figs. 4.33 and 4.34 show examples of binding, which, when viewed in the diagram, appear as shown in Fig. 4.35.
586 +
587 +[[image:Screenshot 2025-12-04 at 13.33.48.png]]
588 +
589 +Figure 4.35. Viewing a diagram with manual input objects
590 +
591 +Fig. 4.35 shows two examples with the manual input objects. To manage the values of the real-time parameters, right-click or left-click in the rendered areas. After clicking, an icon [[image:Screenshot 2025-12-04 at 13.34.21.png||height="27" width="26"]]appears on the right. When clicked, the value is entered manually, as well as an icon [[image:Screenshot 2025-12-04 at 13.34.45.png||height="30" width="33"]] for manual input before data is received. This manual input value is to be reset automatically after data is received. To reset the values entered manually, click on [[image:Screenshot 2025-12-04 at 13.35.12.png||height="28" width="27"]].​​​​​​​
592 +
593 +== 4.12. Input of fixed manual entry values ==
594 +
595 +The diagrams support manual input of tag values not only through the measurements window but also directly from separately rendered objects within the diagrams.
596 +
597 +Unlike the manual Input template described in Section 4.11, this function enables creating buttons that assign or reset fixed tag values upon a left click on the rendered element.
598 +
599 +These buttons can also be configured with logical rules based on specific tag values by defining conditions and corresponding actions. Configuration is available through the context menu (right-click) under Object properties > Left click action > Manual input.
600 +
601 +[[image:Screenshot 2025-12-04 at 13.36.08.png]]
602 +
603 +Figure 4.36. Manual input button configuration
604 +
605 +Fig. 4.36 shows an example of manual input configuration for a tag with ID 9001, where:
606 +
607 +* **Tag ID** specifies the identification number of the tag selected from a drop-down list [[image:Screenshot 2025-12-04 at 13.36.43.png||height="22" width="24"]] or entered manually.​​​​​​​
608 +* **Action** selects from a drop-down list: either manual input or cancellation of manual input.
609 +* **Value** specifies the value to be assigned to the tag when the diagram button is pressed.
610 +* **Before cancel** – if the state switch is enabled [[image:Screenshot 2025-12-04 at 13.37.25.png||height="25" width="40"]], the value persists until it is manually reset by the user. If the state switch is disabled [[image:Screenshot 2025-12-04 at 13.37.59.png||height="23" width="38"]], the manual input is automatically to be cleared after the next tag value change during the device polling.
611 +* **Add tag** allows specifying multiple tags for manual input, with the option to set different values for each tag.
612 +
613 +Fig. 4.37 shows an example of a drawn button. When left-clicked in view mode, it inputs a fixed value of 900 for the tag with ID 9001.
614 +
615 +[[image:Screenshot 2025-12-04 at 13.38.45.png]]
616 +
617 +Figure 4.37. Manual input value button
618 +
619 +== 4.13. Links to external sources of information/to a local server, as well as to other diagrams. ==
620 +
621 +[[image:Screenshot 2025-12-04 at 13.39.27.png]]
622 +
623 +Figure 4.38. Adding links
624 +
625 +In diagram view mode, navigation can be made through links to external information sources, local servers, other diagrams, real-time data analysis, metering data analysis, and any CENTO interface.
626 +
627 +**1) Links from one diagram to another, as well as to external information sources**
628 +
629 +To add links from one diagram to another or to an external source of information, select an object, and then right-click to open the edit link menu. A modal window **Edit data of element** opens.
630 +
631 +In the drop-down list **Action with a left click**, select **Following the link**. In the **Link or mnemonic scheme ID** field, enter the ID number of the diagram or an external link, such as reference data, equipment manuals, etc.
632 +
633 +The configured link can be opened in the new tab, in the current tab, as well as over the mnemonic scheme.
634 +
635 +For the **Open over the mnemonic scheme** option, the zoom setting for the page to open is available. By default, the zoom is set to 30%. An example of clicking on a link over the mnemonic scheme is shown in Fig. 4.39.
636 +
637 +[[image:Screenshot 2025-12-04 at 13.40.17.png]]
638 +
639 +Figure 4.39. Clicking on a link over the mnemonic scheme
640 +
641 +**2) Links to files on the local server**
642 +
643 +To set up links to files from the local server, specify the directory in config.toml of the sed_api_gateway service in the line: **FileStorage** = "C:/SED/file_storage/files " (this path is specified by default for Windows, if necessary, specify the one in which the files are to be stored).
644 +
645 +To switch from the diagram to files stored on the local server, specify the link address in the format: [[http:~~/~~/server_>>url:http://server_]]name/files/file_name in this directory.
646 +
647 +**3) Links for navigation to Real-Time Data Analysis**
648 +
649 +To navigate to **Metering data** or **Real-time dat**a open the object properties as described above. In the** Link or mnemonic scheme ID** field, click the button [[image:Screenshot 2025-12-04 at 13.41.24.png||height="21" width="33"]] and select **Real-time data** or **Analysis of data metering** from the drop-down list.
650 +
651 +Fig. 4.40 shows an example of selecting tags from the real-time data section. The opened modal window displays the interface of this page with trees of devices, objects, statuses, and time on the left side. To create a link from the diagram, the appropriate tree and relevant tags should be selected, then the desired tab – **Real-time data, Chart**, or **Table** – should be specified on the right side, followed by clicking the button [[image:Screenshot 2025-12-04 at 13.41.45.png||height="19" width="30"]].
652 +
653 +[[image:Screenshot 2025-12-04 at 13.42.18.png]]
654 +
655 +Figure 4.40. Tag selection window in Real-time data analysis
656 +
657 +The link to the selected tags in **Real-time data analysis** appears as a string (see Fig. 4.41), which can be copied or deleted.
658 +
659 +[[image:Screenshot 2025-12-04 at 13.42.58.png]]
660 +
661 +Figure 4.41. Link in Real-time data analysis
662 +
663 +[[image:Screenshot 2025-12-04 at 13.43.35.png]]
664 +
665 +Figure 4.42. Opening the Link in Real-time data analysis over the diagram
666 +
667 +Fig. 4.42 shows an example of opening the charts configured in Fig. 4.40.
668 +
669 +The configuration of links for metering channels in **Analysis of data metering** is like the described above.
670 +
671 +== 4.14. Installing portable grounding on diagrams ==
672 +
673 +The portable grounding is enabled in Settings > Diagrams > Edit > Extras > Scheme settings (see Fig. 4.43).
674 +
675 +[[image:Screenshot 2025-12-04 at 13.44.28.png]]
676 +
677 +Figure 4.43. Enabling portable grounding
678 +
679 +If this option is enabled, then the grounding [[image:Screenshot 2025-12-04 at 13.45.01.png||height="24" width="24"]] button appears on the right side of the screen in the diagram viewing mode. Right-clicking on it opens a menu for setting the size and color of the portable grounding icon (see Fig. 4.44) to be applied to portable groundings on all diagrams including those previously installed. ​​​​​​​
680 +
681 +[[image:Screenshot 2025-12-04 at 13.45.24.png]]
682 +
683 +Figure 4.44. Portable grounding settings
684 +
685 +[[image:Screenshot 2025-12-04 at 13.45.53.png]]
686 +
687 +Figure 4.45. Installation of portable grounding
688 +
689 +When installing a portable grounding on a diagram element, select the object from the drop-down list (see Fig. 4.45) and, if necessary, write a comment, then click Install. After installation, left-click on the grounding icon and view its information (see Fig. 4.46), as well as data on groundings installed appear in the technological and operational logs.
690 +
691 +[[image:Screenshot 2025-12-04 at 13.46.24.png]]
692 +
693 +Figure 4.46. Information on the installed portable grounding
694 +
695 +== 4.15. Highlighting lines in diagram view when hovering ==
696 +
697 +In viewing mode, hover backlight behavior for line-type objects (General category) can be configured to respond to mouse pointer events. This setting quickly analyzes the connections between rendered objects on large diagrams. Fig. 4.47 shows an example of connections.
698 +
699 +To set up the line style, press Alt+Shift+D on the keyboard and right-click on any part of the diagram, then select **Convert lines.**  After converting styles, disable this mode with the same key combination.
700 +
701 +[[image:Screenshot 2025-12-04 at 13.47.20.png]]
702 +
703 +Figure 4.47. Highlighting of connected lines
704 +
705 +== 4.16. Outputting numbers in exponential form on the diagram ==
706 +
707 +[[image:Screenshot 2025-12-04 at 13.48.10.png]]
708 +
709 +Figure 4.48. Enabling the exponential form of the number
710 +
711 +The display of the values of the associated parameters in the actions of the rules can be represented in exponential form by enabling the **Exponential form** switch as in Fig. 4.48. The data in diagram viewing mode is to be displayed as shown in Fig. 4.49.
712 +
713 +[[image:Screenshot 2025-12-04 at 13.49.12.png]]
714 +
715 +Figure 4.49. Displaying a number in exponential form
716 +
717 +== 4.17. Dis​​​​​​​​​​​​​​playing delimited values ==
718 +
719 +In the settings [[image:Screenshot 2025-12-04 at 13.50.03.png]] , in diagram view mode, instant tag values can be displayed as delimited values. This setting is enabled by default (see Fig. 4.50).
720 +
721 +[[image:Screenshot 2025-12-04 at 13.50.42.png]]
722 +
723 +Figure 4.50. Displaying delimited values
724 +
725 +== 4.18. Display of data metering on the diagram ==
726 +
727 +Data on metering channels can be displayed on forms in the form of charts, the configuration of which is described in clause 4.8, as well as in the form of values, for example, bindings to tags.
728 +
729 +Fig. 4.51 shows an example of binding the metering channel (power A+) of a device with ID 100063.
730 +
731 +[[image:Screenshot 2025-12-04 at 13.51.42.png]]
732 +
733 +Figure 4.51. Binding the metering channel
734 +
735 +The channel value in the view mode is displayed for the last time interval, see Fig. 4.52.
736 +
737 +[[image:Screenshot 2025-12-04 at 13.52.24.png]]
738 +
739 +Figure 4.52. Value of the metering channel
740 +
741 +Metering channel data can be displayed in tabular form, which is selected from the top horizontal menu by clicking the **Table** icon.
742 +
743 +[[image:Screenshot 2025-12-04 at 13.52.57.png]]
744 +
745 +Figure 4.53. Table
746 +
747 +Fig. 4.53 shows the table. To render it on the diagram, the number of rows, columns, and title (if required) should be selected. To use this template for displaying metering channel values, it needs to be edited by right-clicking and selecting **Table editor **in the menu. Fig. 4.54 shows an example of table configuration, and Fig. 4.55 demonstrates data display in the diagram viewer.
748 +
352 352  ----
353 353  
354 354  
Screenshot 2025-12-04 at 13.51.42.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lana
Size
... ... @@ -1,0 +1,1 @@
1 +71.9 KB
Content
Screenshot 2025-12-04 at 13.52.24.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lana
Size
... ... @@ -1,0 +1,1 @@
1 +86.2 KB
Content
Screenshot 2025-12-04 at 13.52.57.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lana
Size
... ... @@ -1,0 +1,1 @@
1 +27.1 KB
Content
Screenshot 2025-12-04 at 14.07.04.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lana
Size
... ... @@ -1,0 +1,1 @@
1 +39.6 KB
Content