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
-
... ... @@ -455,7 +455,7 @@ 455 455 456 456 === 4.8.3. Displaying future data on charts === 457 457 458 -[[image:Screenshot 2025-12-04 at 13.20.34.png||height=" 467" width="359"]]458 +[[image:Screenshot 2025-12-04 at 13.20.34.png||height="502" width="386"]] 459 459 460 460 Figure 4.22. Edit the data of the chart 461 461 ... ... @@ -469,13 +469,13 @@ 469 469 470 470 This data, displayed on the charts, enables forecasting, comparing planned vs. actual performance at the enterprise, and similar analyses. 471 471 472 -[[image:Screenshot 2025-12-04 at 13.21.50.png]] 472 +[[image:Screenshot 2025-12-04 at 13.21.50.png||height="262" width="548"]] 473 473 474 474 Figure 4.23. Forecasting chart 475 475 476 476 == 4.9. Setting up level indicators == 477 477 478 -[[image:Screenshot 2025-12-04 at 13.23.18.png]] 478 +[[image:Screenshot 2025-12-04 at 13.23.18.png||height="309" width="333"]] 479 479 480 480 Figure 4.24. Water level parameter output 481 481 ... ... @@ -487,7 +487,7 @@ 487 487 * Click on the **Setting up rules** icon [[image:Screenshot 2025-12-04 at 13.24.08.png||height="20" width="24"]] 488 488 * 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. 489 489 490 -[[image:Screenshot 2025-12-04 at 13.24.38.png||height=" 202" width="691"]]490 +[[image:Screenshot 2025-12-04 at 13.24.38.png||height="186" width="634"]] 491 491 492 492 Figure 4.25. Setting the fill depending on the values 493 493 ... ... @@ -511,7 +511,7 @@ 511 511 512 512 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. 513 513 514 -[[image:Screenshot 2025-12-04 at 13.26.04.png]] 514 +[[image:Screenshot 2025-12-04 at 13.26.04.png||height="361" width="873"]] 515 515 516 516 Figure 4.26. Edit the data of the element 517 517 ... ... @@ -524,7 +524,7 @@ 524 524 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. 525 525 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. 526 526 527 -[[image:Screenshot 2025-12-04 at 13.27.06.png]] 527 +[[image:Screenshot 2025-12-04 at 13.27.06.png||height="376" width="875"]] 528 528 529 529 Figure 4. 27. Disabling context menus, posters, and animations attribute 530 530 ... ... @@ -531,13 +531,13 @@ 531 531 * **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. 532 532 * **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. 533 533 534 -[[image:Screenshot 2025-12-04 at 13.28.03.png]] 534 +[[image:Screenshot 2025-12-04 at 13.28.03.png||height="232" width="328"]] 535 535 536 536 Figure 4.28. Highlighting of an active element of the diagram 537 537 538 538 * **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"]]. 539 539 540 -[[image:Screenshot 2025-12-04 at 13.29.40.png]] 540 +[[image:Screenshot 2025-12-04 at 13.29.40.png||height="225" width="329"]] 541 541 542 542 Figure 4.29. Highlighting and hiding the active element of the diagram 543 543 ... ... @@ -551,7 +551,7 @@ 551 551 552 552 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. 553 553 554 -[[image:Screenshot 2025-12-04 at 13.30.35.png]] 554 +[[image:Screenshot 2025-12-04 at 13.30.35.png||height="333" width="328"]] 555 555 556 556 Figure 4.30. Changing the view of the measurement table 557 557 ... ... @@ -561,13 +561,13 @@ 561 561 562 562 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). 563 563 564 -[[image:Screenshot 2025-12-04 at 13.31.44.png]] 564 +[[image:Screenshot 2025-12-04 at 13.31.44.png||height="335" width="661"]] 565 565 566 566 Figure 4.31. Manual input object 567 567 568 568 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. 569 569 570 -[[image:Screenshot 2025-12-04 at 13.32.15.png]] 570 +[[image:Screenshot 2025-12-04 at 13.32.15.png||height="221" width="488"]] 571 571 572 572 Figure 4.32. Editing the manual input window 573 573 ... ... @@ -576,17 +576,17 @@ 576 576 * **Tag** drop-down list for selecting a binding to a tag or IM attribute; 577 577 * **Tag ID** drop-down list for binding to the tag ID or to the IM object, and its attribute. 578 578 579 -[[image:Screenshot 2025-12-04 at 13.32.50.png]] 579 +[[image:Screenshot 2025-12-04 at 13.32.50.png||height="346" width="492"]] 580 580 581 581 Figure 4.33. Binding the tag to the manual input object 582 582 583 -[[image:Screenshot 2025-12-04 at 13.33.15.png]] 583 +[[image:Screenshot 2025-12-04 at 13.33.15.png||height="354" width="492"]] 584 584 585 585 Figure 4.34. Binding to the attribute of the IM object 586 586 587 587 Figs. 4.33 and 4.34 show examples of binding, which, when viewed in the diagram, appear as shown in Fig. 4.35. 588 588 589 -[[image:Screenshot 2025-12-04 at 13.33.48.png]] 589 +[[image:Screenshot 2025-12-04 at 13.33.48.png||height="236" width="490"]] 590 590 591 591 Figure 4.35. Viewing a diagram with manual input objects 592 592 ... ... @@ -614,13 +614,13 @@ 614 614 615 615 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. 616 616 617 -[[image:Screenshot 2025-12-04 at 13.38.45.png]] 617 +[[image:Screenshot 2025-12-04 at 13.38.45.png||height="220" width="577"]] 618 618 619 619 Figure 4.37. Manual input value button 620 620 621 621 == 4.13. Links to external sources of information/to a local server, as well as to other diagrams. == 622 622 623 -[[image:Screenshot 2025-12-04 at 13.39.27.png]] 623 +[[image:Screenshot 2025-12-04 at 13.39.27.png||height="267" width="954"]] 624 624 625 625 Figure 4.38. Adding links 626 626 ... ... @@ -636,7 +636,7 @@ 636 636 637 637 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. 638 638 639 -[[image:Screenshot 2025-12-04 at 13.40.17.png]] 639 +[[image:Screenshot 2025-12-04 at 13.40.17.png||height="406" width="929"]] 640 640 641 641 Figure 4.39. Clicking on a link over the mnemonic scheme 642 642 ... ... @@ -652,17 +652,17 @@ 652 652 653 653 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"]]. 654 654 655 -[[image:Screenshot 2025-12-04 at 13.42.18.png]] 655 +[[image:Screenshot 2025-12-04 at 13.42.18.png||height="499" width="925"]] 656 656 657 657 Figure 4.40. Tag selection window in Real-time data analysis 658 658 659 659 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. 660 660 661 -[[image:Screenshot 2025-12-04 at 13.42.58.png]] 661 +[[image:Screenshot 2025-12-04 at 13.42.58.png||height="43" width="560"]] 662 662 663 663 Figure 4.41. Link in Real-time data analysis 664 664 665 -[[image:Screenshot 2025-12-04 at 13.43.35.png]] 665 +[[image:Screenshot 2025-12-04 at 13.43.35.png||height="472" width="926"]] 666 666 667 667 Figure 4.42. Opening the Link in Real-time data analysis over the diagram 668 668 ... ... @@ -674,23 +674,23 @@ 674 674 675 675 The portable grounding is enabled in Settings > Diagrams > Edit > Extras > Scheme settings (see Fig. 4.43). 676 676 677 -[[image:Screenshot 2025-12-04 at 13.44.28.png]] 677 +[[image:Screenshot 2025-12-04 at 13.44.28.png||height="506" width="922"]] 678 678 679 679 Figure 4.43. Enabling portable grounding 680 680 681 681 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. 682 682 683 -[[image:Screenshot 2025-12-04 at 13.45.24.png]] 683 +[[image:Screenshot 2025-12-04 at 13.45.24.png||height="197" width="311"]] 684 684 685 685 Figure 4.44. Portable grounding settings 686 686 687 -[[image:Screenshot 2025-12-04 at 13.45.53.png]] 687 +[[image:Screenshot 2025-12-04 at 13.45.53.png||height="228" width="416"]] 688 688 689 689 Figure 4.45. Installation of portable grounding 690 690 691 691 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. 692 692 693 -[[image:Screenshot 2025-12-04 at 13.46.24.png]] 693 +[[image:Screenshot 2025-12-04 at 13.46.24.png||height="91" width="413"]] 694 694 695 695 Figure 4.46. Information on the installed portable grounding 696 696 ... ... @@ -700,19 +700,19 @@ 700 700 701 701 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. 702 702 703 -[[image:Screenshot 2025-12-04 at 13.47.20.png]] 703 +[[image:Screenshot 2025-12-04 at 13.47.20.png||height="434" width="452"]] 704 704 705 705 Figure 4.47. Highlighting of connected lines 706 706 707 707 == 4.16. Outputting numbers in exponential form on the diagram == 708 708 709 -[[image:Screenshot 2025-12-04 at 13.48.10.png]] 709 +[[image:Screenshot 2025-12-04 at 13.48.10.png||height="276" width="897"]] 710 710 711 711 Figure 4.48. Enabling the exponential form of the number 712 712 713 713 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. 714 714 715 -[[image:Screenshot 2025-12-04 at 13.49.12.png]] 715 +[[image:Screenshot 2025-12-04 at 13.49.12.png||height="48" width="162"]] 716 716 717 717 Figure 4.49. Displaying a number in exponential form 718 718 ... ... @@ -720,7 +720,7 @@ 720 720 721 721 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). 722 722 723 -[[image:Screenshot 2025-12-04 at 13.50.42.png]] 723 +[[image:Screenshot 2025-12-04 at 13.50.42.png||height="358" width="379"]] 724 724 725 725 Figure 4.50. Displaying delimited values 726 726