Changes for page 5. Diagrams Development Manual
Last modified by Iaroslav Platonov on 2026/06/08 10:32
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,5 +1,7 @@ 1 1 = CONTENT = 2 2 3 +{{toc/}} 4 + 3 3 = 1. INTRODUCTION = 4 4 5 5 CENTO is a multifunctional software platform for data collection, processing, and display. ... ... @@ -358,13 +358,13 @@ 358 358 359 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 360 361 -[[image:Screenshot 2025-12-04 at 13.11.47.png]] 363 +[[image:Screenshot 2025-12-04 at 13.11.47.png||height="504" width="369"]] 362 362 363 363 Figure 4.14. Selecting similar elements is not available 364 364 365 365 == 4.6. Auto-replace of colors used in diagrams == 366 366 367 -[[image:Screenshot 2025-12-04 at 13.12.37.png]] 369 +[[image:Screenshot 2025-12-04 at 13.12.37.png||height="408" width="581"]] 368 368 369 369 Figure 4.15. Color replacement modal window 370 370 ... ... @@ -372,7 +372,7 @@ 372 372 373 373 == 4.7. Setting up an animation frame for technological events associated with a diagram object == 374 374 375 -[[image:Screenshot 2025-12-04 at 13.13.43.png]] 377 +[[image:Screenshot 2025-12-04 at 13.13.43.png||height="311" width="582"]] 376 376 377 377 Figure 4.16. Scheme settings modal window 378 378 ... ... @@ -391,7 +391,7 @@ 391 391 392 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 393 394 -[[image:Screenshot 2025-12-04 at 13.15.15.png]] 396 +[[image:Screenshot 2025-12-04 at 13.15.15.png||height="291" width="582"]] 395 395 396 396 Figure 4.17. Charts object 397 397 ... ... @@ -403,7 +403,7 @@ 403 403 404 404 Fig. 4.18 shows an example of configuring the tag value chart display 405 405 406 -[[image:Screenshot 2025-12-04 at 13.16.36.png]] 408 +[[image:Screenshot 2025-12-04 at 13.16.36.png||height="532" width="452"]] 407 407 408 408 Figure 4.18. Edit data of chart modal window 409 409 ... ... @@ -422,7 +422,7 @@ 422 422 423 423 When filling in the chart settings, the data is displayed as shown below: 424 424 425 -[[image:Screenshot 2025-12-04 at 13.18.01.png]] 427 +[[image:Screenshot 2025-12-04 at 13.18.01.png||height="269" width="559"]] 426 426 427 427 Figure 4.19. Chart in the diagram viewer 428 428 ... ... @@ -430,7 +430,7 @@ 430 430 431 431 === 4.8.2. Charts of tag values selected on the diagram === 432 432 433 -[[image:Screenshot 2025-12-04 at 13.18.57.png]] 435 +[[image:Screenshot 2025-12-04 at 13.18.57.png||height="599" width="559"]] 434 434 435 435 Figure 4.20. Edit the data of the chart 436 436 ... ... @@ -447,13 +447,13 @@ 447 447 448 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 449 450 -[[image:Screenshot 2025-12-04 at 13.19.47.png]] 452 +[[image:Screenshot 2025-12-04 at 13.19.47.png||height="257" width="551"]] 451 451 452 452 Figure 4.21. Chart in the diagram viewer 453 453 454 454 === 4.8.3. Displaying future data on charts === 455 455 456 -[[image:Screenshot 2025-12-04 at 13.20.34.png]] 458 +[[image:Screenshot 2025-12-04 at 13.20.34.png||height="467" width="359"]] 457 457 458 458 Figure 4.22. Edit the data of the chart 459 459 ... ... @@ -825,7 +825,7 @@ 825 825 1. Blocking changes to a layer from the list. 826 826 1. Foreground/background of the layer. 827 827 828 -== 4.21. Active SVG elements ==830 +== 4.21. Active SVG elements == 829 829 830 830 The diagram editor allows importing graphic element templates in SVG format from various sources. Developed animated images from external sources help optimize work in both view and edit modes of the diagram (see Section 4.22.1). They also enable monitoring technological processes with the ability to view moving and rotating objects on the diagram (see Section 4.22.2). 831 831 ... ... @@ -1046,7 +1046,7 @@ 1046 1046 1047 1047 Select the text on the diagram, which is to be a dynamic parameter, and open the window [[image:Screenshot 2025-12-04 at 14.39.54.png||height="28" width="29"]]. 1048 1048 1049 -In the rule, check the box next to the words** Without conditions** (1) (optional) and describe the first action. Mark the**Text** field, select the **Tag** parameter type (2) and write, for example, the ID=502001 (3) number from the database (or select it from the drop-down list (4) see Fig. 5.2), if it is necessary to round the values, enable rounding (5) and specify how many decimal places should be displayed. It is possible to format the text in the actions of the rules (6) (see Fig. 5.3), as well as output the value of the number in exponential form (7). Click **Save,** switch to the diagram [[image:Screenshot 2025-12-04 at 14.40.43.png||height="24" width="31"]]viewing mode and see the result (see Fig. 5.4).1051 +In the rule, check the box next to the words** Without conditions** (1) (optional) and describe the first action. Mark the** Text** field, select the **Tag** parameter type (2) and write, for example, the ID=502001 (3) number from the database (or select it from the drop-down list (4) see Fig. 5.2), if it is necessary to round the values, enable rounding (5) and specify how many decimal places should be displayed. It is possible to format the text in the actions of the rules (6) (see Fig. 5.3), as well as output the value of the number in exponential form (7). Click **Save,** switch to the diagram [[image:Screenshot 2025-12-04 at 14.40.43.png||height="24" width="31"]]viewing mode and see the result (see Fig. 5.4). 1050 1050 1051 1051 [[image:Screenshot 2025-12-04 at 14.41.18.png]] 1052 1052 ... ... @@ -1153,7 +1153,7 @@ 1153 1153 1154 1154 9 – Status is missing. 1155 1155 1156 - The device is bound to the diagram by selecting **Device status** from the menu item. The content of the rules is similar to the example described above with changing the color of an object (in the** Condition** field, select the desired type of parameter, specify the device address, specify the operator and enter a numeric value equal to one or another status, and then specify the **Action **to be applied to the condition being fulfilled, for example, see Fig. 5.11).1158 + The device is bound to the diagram by selecting **Device status** from the menu item. The content of the rules is similar to the example described above with changing the color of an object (in the** Condition** field, select the desired type of parameter, specify the device address, specify the operator and enter a numeric value equal to one or another status, and then specify the **Action **to be applied to the condition being fulfilled, for example, see Fig. 5.11). 1157 1157 1158 1158 [[image:Screenshot 2025-12-04 at 14.49.03.png]] 1159 1159 ... ... @@ -1167,7 +1167,7 @@ 1167 1167 1168 1168 For example, create a square element (to serve as a switch) and describe the rules for it. In this example, the square changes the background color depending on the incoming parameter of the information model object, which refers to the value from the CENTO database. 1169 1169 1170 -The sequence of bindings to the parameters of an information model object is like the actions for binding to tags: instead of **Tag value** and **Tag status,** select the** IM attribute** and **IM parameter status**, see Fig. 5.12.1172 +The sequence of bindings to the parameters of an information model object is like the actions for binding to tags: instead of **Tag value** and **Tag status,** select the** IM attribute** and **IM parameter status**, see Fig. 5.12. 1171 1171 1172 1172 [[image:Screenshot 2025-12-04 at 14.50.40.png]] 1173 1173