Skip to Content
Last modified by Iaroslav Platonov on 2026/06/08 10:32
From version 163.1
edited by Lana
on 2025/12/04 17:24
Change comment: Uploaded new attachment "Screenshot 2025-12-04 at 14.24.51.png", version {1}
To version 166.1
edited by Lana
on 2025/12/04 17:26
Change comment: Uploaded new attachment "Screenshot 2025-12-04 at 14.26.56.png", version {1}

Summary

Details

Page properties
Content
... ... @@ -368,7 +368,7 @@
368 368  
369 369  Figure 4.15. Color replacement modal window
370 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.
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 372  
373 373  == 4.7. Setting up an animation frame for technological events associated with a diagram object ==
374 374  
... ... @@ -376,7 +376,7 @@
376 376  
377 377  Figure 4.16. Scheme settings modal window
378 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:
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 380  
381 381  * **The frame **is the color of the frame
382 382  * **Border, px** is the thickness of the frame
... ... @@ -407,7 +407,7 @@
407 407  
408 408  Figure 4.18. Edit data of chart modal window
409 409  
410 -The** Edit data of chart** modal window includes the following settings:
410 +The** Edit data of chart** modal window includes the following settings:
411 411  
412 412  * **Chart depth**
413 413  * **Round** is rounding up values with the number of decimal places.
... ... @@ -426,7 +426,7 @@
426 426  
427 427  Figure 4.19. Chart in the diagram viewer
428 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.
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 430  
431 431  === 4.8.2. Charts of tag values selected on the diagram ===
432 432  
... ... @@ -483,7 +483,7 @@
483 483  
484 484  * Draw a suitable object, a rectangle, for example
485 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.
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 487  
488 488  [[image:Screenshot 2025-12-04 at 13.24.38.png||height="202" width="691"]]
489 489  
... ... @@ -491,7 +491,7 @@
491 491  
492 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 493  
494 -1. In step #1, select the** Style** tab.
494 +1. In step #1, select the** Style** tab.
495 495  1. In the suggested menu, select the option **Fill depending on the values.**
496 496  1. Select the tag/attribute name from the drop-down list.
497 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.
... ... @@ -519,8 +519,8 @@
519 519  * **Disable context menus, posters, and animations** disables the following:
520 520  
521 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.
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 524  
525 525  [[image:Screenshot 2025-12-04 at 13.27.06.png]]
526 526  
... ... @@ -604,7 +604,7 @@
604 604  
605 605  Fig. 4.36 shows an example of manual input configuration for a tag with ID 9001, where:
606 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.​​​​​​​
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 608  * **Action** selects from a drop-down list: either manual input or cancellation of manual input.
609 609  * **Value** specifies the value to be assigned to the tag when the diagram button is pressed.
610 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.
... ... @@ -646,7 +646,7 @@
646 646  
647 647  **3) Links for navigation to Real-Time Data Analysis**
648 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.
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 650  
651 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 652  
... ... @@ -972,6 +972,8 @@
972 972  
973 973  Thus, by knowing the SVG and CSS code, any animations can be imported into the diagram editor.
974 974  
975 -----
975 +== 4.22. Conversion of diagrams from version 2 of the editor to version ​​​​​​​3 ==
976 976  
977 +For compatibility of the version 3 of the editor with the version 2, diagrams should be converted. To do this, type Alt+Shift+D on the keyboard. A version selection appears in the horizontal menu to the right of the **Open in viewer** button [[image:Screenshot 2025-12-04 at 14.24.51.png||height="24" width="29"]]
978 +
977 977  
Screenshot 2025-12-04 at 14.25.20.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lana
Size
... ... @@ -1,0 +1,1 @@
1 +26.2 KB
Content
Screenshot 2025-12-04 at 14.26.29.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lana
Size
... ... @@ -1,0 +1,1 @@
1 +92.8 KB
Content
Screenshot 2025-12-04 at 14.26.56.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lana
Size
... ... @@ -1,0 +1,1 @@
1 +2.4 KB
Content