Changes for page 5. Diagrams Development Manual

Last modified by Iaroslav Platonov on 2026/06/08 10:32

Manage
- Copy
Actions
- Export
- Print Preview
Viewers
- Source
- Children
- Content
- Comments
- Attachments (196)
- Information
- Likes

From 205.3 to 205.2 From 205.7 to 205.6

From version 205.6

edited by Lana
on 2025/12/04 18:04

Change comment: There is no comment for this version

To version 205.3

edited by Lana
on 2025/12/04 18:00

Change comment: There is no comment for this version

Raw
Rendered

Summary

Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

@@ -567,7 +567,7 @@
  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.
--[[image:Screenshot 2025-12-04 at 13.32.15.png||height="221" width="488"]]
++[[image:Screenshot 2025-12-04 at 13.32.15.png]]
  Figure 4.32. Editing the manual input window
@@ -576,17 +576,17 @@
  * **Tag** drop-down list for selecting a binding to a tag or IM attribute;
  * **Tag ID** drop-down list for binding to the tag ID or to the IM object, and its attribute.
--[[image:Screenshot 2025-12-04 at 13.32.50.png||height="346" width="492"]]
++[[image:Screenshot 2025-12-04 at 13.32.50.png]]
  Figure 4.33. Binding the tag to the manual input object
--[[image:Screenshot 2025-12-04 at 13.33.15.png||height="354" width="492"]]
++[[image:Screenshot 2025-12-04 at 13.33.15.png]]
  Figure 4.34. Binding to the attribute of the IM object
  Figs. 4.33 and 4.34 show examples of binding, which, when viewed in the diagram, appear as shown in Fig. 4.35.
--[[image:Screenshot 2025-12-04 at 13.33.48.png||height="236" width="490"]]
++[[image:Screenshot 2025-12-04 at 13.33.48.png]]
  Figure 4.35. Viewing a diagram with manual input objects
@@ -614,13 +614,13 @@
  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.
--[[image:Screenshot 2025-12-04 at 13.38.45.png||height="220" width="577"]]
++[[image:Screenshot 2025-12-04 at 13.38.45.png]]
  Figure 4.37. Manual input value button
  == 4.13. Links to external sources of information/to a local server, as well as to other diagrams. ==
--[[image:Screenshot 2025-12-04 at 13.39.27.png||height="267" width="954"]]
++[[image:Screenshot 2025-12-04 at 13.39.27.png]]
  Figure 4.38. Adding links
@@ -636,7 +636,7 @@
  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.
--[[image:Screenshot 2025-12-04 at 13.40.17.png||height="406" width="929"]]
++[[image:Screenshot 2025-12-04 at 13.40.17.png]]
  Figure 4.39. Clicking on a link over the mnemonic scheme
@@ -652,17 +652,17 @@
  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"]].
--[[image:Screenshot 2025-12-04 at 13.42.18.png||height="499" width="925"]]
++[[image:Screenshot 2025-12-04 at 13.42.18.png]]
  Figure 4.40. Tag selection window in Real-time data analysis
  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.
--[[image:Screenshot 2025-12-04 at 13.42.58.png||height="43" width="560"]]
++[[image:Screenshot 2025-12-04 at 13.42.58.png]]
  Figure 4.41. Link in Real-time data analysis
--[[image:Screenshot 2025-12-04 at 13.43.35.png||height="472" width="926"]]
++[[image:Screenshot 2025-12-04 at 13.43.35.png]]
  Figure 4.42. Opening the Link in Real-time data analysis over the diagram
@@ -674,23 +674,23 @@
  The portable grounding is enabled in Settings > Diagrams > Edit > Extras > Scheme settings (see Fig. 4.43).
--[[image:Screenshot 2025-12-04 at 13.44.28.png||height="506" width="922"]]
++[[image:Screenshot 2025-12-04 at 13.44.28.png]]
  Figure 4.43. Enabling portable grounding
  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.
--[[image:Screenshot 2025-12-04 at 13.45.24.png||height="197" width="311"]]
++[[image:Screenshot 2025-12-04 at 13.45.24.png]]
  Figure 4.44. Portable grounding settings
--[[image:Screenshot 2025-12-04 at 13.45.53.png||height="228" width="416"]]
++[[image:Screenshot 2025-12-04 at 13.45.53.png]]
  Figure 4.45. Installation of portable grounding
  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.
--[[image:Screenshot 2025-12-04 at 13.46.24.png||height="91" width="413"]]
++[[image:Screenshot 2025-12-04 at 13.46.24.png]]
  Figure 4.46. Information on the installed portable grounding
@@ -700,19 +700,19 @@
  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.
--[[image:Screenshot 2025-12-04 at 13.47.20.png||height="434" width="452"]]
++[[image:Screenshot 2025-12-04 at 13.47.20.png]]
  Figure 4.47. Highlighting of connected lines
  == 4.16. Outputting numbers in exponential form on the diagram ==
--[[image:Screenshot 2025-12-04 at 13.48.10.png||height="303" width="987"]]
++[[image:Screenshot 2025-12-04 at 13.48.10.png]]
  Figure 4.48. Enabling the exponential form of the number
  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.
--[[image:Screenshot 2025-12-04 at 13.49.12.png||height="48" width="162"]]
++[[image:Screenshot 2025-12-04 at 13.49.12.png]]
  Figure 4.49. Displaying a number in exponential form
@@ -720,7 +720,7 @@
  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).
--[[image:Screenshot 2025-12-04 at 13.50.42.png||height="358" width="379"]]
++[[image:Screenshot 2025-12-04 at 13.50.42.png]]
  Figure 4.50. Displaying delimited values
@@ -730,25 +730,25 @@
  Fig. 4.51 shows an example of binding the metering channel (power A+) of a device with ID 100063.
--[[image:Screenshot 2025-12-04 at 13.51.42.png||height="278" width="987"]]
++[[image:Screenshot 2025-12-04 at 13.51.42.png]]
  Figure 4.51. Binding the metering channel
  The channel value in the view mode is displayed for the last time interval, see Fig. 4.52.
--[[image:Screenshot 2025-12-04 at 13.52.24.png||height="607" width="539"]]
++[[image:Screenshot 2025-12-04 at 13.52.24.png]]
  Figure 4.52. Value of the metering channel
  Metering channel data can be displayed in tabular form, which is selected from the top horizontal menu by clicking the **Table** icon.
--[[image:Screenshot 2025-12-04 at 13.52.57.png||height="279" width="173"]]
++[[image:Screenshot 2025-12-04 at 13.52.57.png]]
  Figure 4.53. Table
  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.
--[[image:Screenshot 2025-12-04 at 14.07.04.png||height="302" width="902"]]
++[[image:Screenshot 2025-12-04 at 14.07.04.png]]
  Figure 4.54. Metering channel binding
@@ -765,9 +765,9 @@
  * **Width **is the column width.
  * **Change time **is a system field used to display the time of the metering channel's value change.
--Rows in this table can be moved [[image:Screenshot 2025-12-04 at 14.08.30.png]], deleted [[image:Screenshot 2025-12-04 at 14.09.56.png||height="32" width="33"]], and added [[image:Screenshot 2025-12-04 at 14.10.25.png||height="31" width="89"]]
++Rows in this table can be moved [[image:Screenshot 2025-12-04 at 14.08.30.png]], deleted [[image:Screenshot 2025-12-04 at 14.09.56.png||height="32" width="33"]], and added [[image:Screenshot 2025-12-04 at 14.10.25.png||height="31" width="89"]].
--[[image:Screenshot 2025-12-04 at 14.10.47.png||height="322" width="637"]]
++[[image:Screenshot 2025-12-04 at 14.10.47.png]]
  Figure 4.55. Display of metering channel data
@@ -787,23 +787,23 @@
  Images need to be placed on the diagram objects, and in the **Component visual settings** window [[image:Screenshot 2025-12-04 at 14.12.20.png||height="22" width="26"]], the tag ID should be specified in the actions, which triggers the color change upon tag value modification (see example in Fig. 4.57).
--[[image:Screenshot 2025-12-04 at 14.13.22.png||height="560" width="742"]]
++[[image:Screenshot 2025-12-04 at 14.13.22.png]]
  Figure 4.57. Binding to the tag ID
  After arranging and binding such sensors, select those elements (might be selected together with other graphic objects), the area inside which changes colors according to changes in the linked tags in the rules. Then click **Create heatmap** (see Fig. 4.58).
--[[image:Screenshot 2025-12-04 at 14.13.52.png||height="713" width="455"]]
++[[image:Screenshot 2025-12-04 at 14.13.52.png]]
  Figure 4.58. Create heatmap
  The created heatmap can be edited by right-clicking on the **Heatmap properties** (see Fig. 4.56). The modal window specifies the high and low limits, the normal value, the gamma (the range of colors for building a heatmap), the power parameter (the temperature for building transitions between temperatures), and the ability to display only those points that exceed the temperature in normal mode, see Fig. 4.60.
--[[image:Screenshot 2025-12-04 at 14.14.27.png||height="594" width="448"]]
++[[image:Screenshot 2025-12-04 at 14.14.27.png]]
  Figure 4.59. Editing heatmap properties
--[[image:Screenshot 2025-12-04 at 14.14.52.png||height="442" width="853"]]
++[[image:Screenshot 2025-12-04 at 14.14.52.png]]
  Figure 4.60. Heatmap
@@ -813,7 +813,7 @@
  To switch to the layer mode, go to the View > Layers in the upper horizontal menu (Ctrl+Shift+L).
--[[image:Screenshot 2025-12-04 at 14.15.37.png||height="412" width="405"]]
++[[image:Screenshot 2025-12-04 at 14.15.37.png]]
  Figure 4.61. Layers menu
@@ -837,7 +837,7 @@
  The loading of items is in the **Extras** menu item (see Fig. 4.62).
--[[image:Screenshot 2025-12-04 at 14.17.19.png||height="508" width="326"]]
++[[image:Screenshot 2025-12-04 at 14.17.19.png]]
  Figure 4.62. Import animated SVGs