AdvanTrol-Pro V2.

50
Graphics Configuration Software
User Manual

SUPCON TECHNOLOGY CO., LTD.

 Table of Contents

Table of Contents
Section 1 Graphics Configuration...............................................................................................1

1.1 Overview ...........................................................................................................................1

1.2 Menu Commands ..............................................................................................................4

1.3 Application Methods Of Object Tools .................................................................................8

1.3.1 Select Tool ........................................................................................................9

1.3.2 Straight Line ..................................................................................................10

1.3.3 Right-angle Rectangle .................................................................................. 11

1.3.4 Ellipse , etc ..................................................................................................... 11

1.3.5 Polygon ......................................................................................................... 11

1.3.6 Broken Line ..................................................................................................12

1.3.7 Curve ............................................................................................................12

1.3.8 Arc ................................................................................................................12

1.3.9 Pipe ...............................................................................................................12

1.3.10 Character ......................................................................................................13

1.3.11 Time Object .................................................................................................14

1.3.12 Date Object ................................................................................................15

1
 Table of Contents

1.3.13 Template Window ........................................................................................15

1.3.14 Dynamic Data ..............................................................................................18

1.3.15 Digital Variable ............................................................................................20

1.3.16 Command Button ........................................................................................21

1.3.17 Bitmap Object ..............................................................................................24

1.3.18 Gif Dynamic Object .....................................................................................24

1.3.19 Flash Object .................................................................................................25

1.3.20 Alarm Record Control ..................................................................................26

1.3.21 History Trend Control ..................................................................................28

1.4 Right-button Menus Of Diagram Objects.........................................................................29

1.4.1 Dynamic Property..................................................................................................30

1.4.2 endpoint edit..........................................................................................................38

1.4.3 Custom Rotation....................................................................................................39

1.4.4 Custom Central Angle ...........................................................................................40

1.4.5 Save Template.......................................................................................................41

1.4.6 Set Gradual Change..............................................................................................43

1.4.7 3D Frame ..............................................................................................................43

1.5 Color Palette Toolbar .......................................................................................................44

1.6 Common Used Toolbar....................................................................................................45

2
 Table of Contents

1.7 Font toolbar .....................................................................................................................46

1.8 Filling toolbar ...................................................................................................................46

1.9 Line Form Toolbar............................................................................................................49

1.10 Adjust Toolbar ................................................................................................................50

1.11 Paint Property Setting....................................................................................................60

1.12 Application .....................................................................................................................64

3
 Graphics Configuration Software

Section 1 GRAPHICS CONFIGURATION

Graphics is the most important supervising operation interface in the
SUPCON WebField series control systems, used to display the overall flow
and working status of the controlled equipments, and operate the related
data parameters. Therefore, the graphics should have stronger functions
for graphic display (Including static and dynamic) and data processing.

The graphics configuration software ScDrawEx is one of the important

components in the software package for the Supcon WebField series
control systems, which provides user with a preparation environment for
graphics with the complete functions and simple use.

The graphics file completed should be saved in the Flow sub-folder under
the system configuration folder, like: D:\Boiler control (System configuration
folder)\Flow\*.dsg.

It is recommended that use the graphics configuration software while

reading this manual. If being able to practically complete a graphics that
can be operated in the AdvanTrol monitoring software after compiled in the
SCKey (System Configuration Software), it will more accelerate the
learning progress.

1.1 OVERVIEW

In the tool column on the system configuration interface, click the icon

to enter into the “Operation station setting” interface, and then click
the button “Add” to add a graphics, as shown in Figure 1-1.

1
 Graphics Configuration Software

Figure 1-1 Add a graphics for operation station

Click the button “Edit” to enter into the graphics configuration interface, as
shown in Figure 1-2.

Notes: There is no meaning to define the file name of a graphics

directly in the Figure 1-1. Generally, first, directly click “Edit” to enter
into the corresponding graphics configuration interface; second, click
“Save” to save the graphics file into the designated folder after
completing the graphics configuration; finally, select the graphics file

by clicking the button in Figure 1-1 to define the file name of a

graphics.

2
 Graphics Configuration Software

Figure 1-2 Graphics configuration interface

‰ Title bar: Displays the file name of the operating graphics.

When it is not named, it will be named as “ScDrawEx”
automatically.

‰ Menu bar: Including nine menu items of File, Edit, View, paint
object, Adjust, Browse tag, Debug, Tools and Help.

‰ Drawing area: Located in the center area on the screen, it is the

working area of this software. The contents in this area will be
saved in the corresponding graphics file.

‰ Information column: Located at the bottom of the graphics

screen, displaying the related operating hits, the accurate
position of the mouse in the drawing area at present, and the
information of the left box and upper box (Irregular diagram is
its box selected) of the diagram object selected like coordinates,
coordinates of the centers, width, and height, etc.

‰ Usual tool bar: Including various types of editing tools.

‰ Font tool bar: The tools for the font settings

3
 Graphics Configuration Software

‰ Object tool bar: Drawing tools for basic graphics

‰ Adjustment tool bar: Adjustment tools for the diagram object

‰ Color palette: The tools for the color setting of the diagram
object

‰ Line form tool bar: The tools for selecting the line form of the
diagram object

‰ Filling tool bar: The tools for filling the closed diagram objects

1.2 MENU COMMANDS

The menu bar lists nine main menus for graphics configuration, including
File, Edit, View, Paint object, Adjust, Browse tag, Debug, Tools and Help.
There are two ways to open the pull-down menu of a main menu. One is to
click it directly, and the other is to press “Alt” and the letter beside it on the
keyboard at the same time, for example: press “Alt” and Letter “V” at the
same time to open the “View” menu. Furthermore, click any position outside
the pull-down menu once or click the “Esc” key on the keyboard to close the
pull-down menu.

There have two methods to open a command in a pull-down menu: (1) if the
pull-down menu has been opened, click the command menu or press its
postfix letter (under the English-input status) on the keyboard. (2) If there is
shortcut key available for the command, you can execute the command by
pressing shortcut key on the keyboard directly.

Some commands in the pull-down menu have the suspension points, which
mean a dialogue box will be pop up in the graphics interface when
executing those commands.

4
 Graphics Configuration Software

Table 1-1 List of menu instructions for graphics

Menu item Icon Function explanation

Set up a new graphics file, and directly enter the new graphics
New
configuration

Open Open an existed graphics file

File
Save Save the completed graphics on a hard drive

Save as Save the revised file with another file name

Exit Exit the graphics configuration software

Support user to resume the previous operation (Ten times) when

Undo
editing the graphics

Support user to cancel the previous undo operation by repeating

Repeat
(Ten times) when editing the graphics.

Copy the contents within the area designated by the user in the
Cut drawing area into the cutting board, and at the same time, delete the
contents in this area.

Copy the contents within the area designated by the user in the
drawing area into the cutting board. The difference with
Copy
Edit editing/cutting is after executing this instruction, the diagram copied
will not be deleted.

Copy the latest contents (I.e. The contents cut or copied in the
Paste
latest) in the cutting board into the designated drawing area.

Copy and paste the selected content in the graphics. This function
Copy and paste is the same as the result by continuously using the copy & pasting
instructions.

Select all Select all the contents in the drawing area of the graphics

Delete Delete the contents selected in the graphics

Select this option (Tick in front of this option) to display the usual
Tool bar/
View toolbar in the corresponding position in the interface, otherwise, it
Common
will be hidden

Select this option (Tick in front of this option) to display the object
Tool bar/ Object toolbar in the corresponding position in the interface, otherwise, it
will be hidden

Select this option (Tick in front of this option) to display the font
Tool bar/ Font toolbar in the corresponding position in the interface, otherwise, it
will be hidden

Select this option (Tick in front of this option) to display the filling
Tool bar/ Fill toolbar in the corresponding position in the interface, otherwise, it
will be hidden

5
 Graphics Configuration Software

Select this option (Tick in front of this option) to display the line form
Tool bar/ Line
toolbar in the corresponding position in the interface, otherwise, it
mode
will be hidden

Select this option (Tick in front of this option) to display the

Tool bar/ Adjust adjustment toolbar in the corresponding position in the interface,
otherwise, it will be hidden

Select this option (Tick in front of this option) to display the color
Palette palette in the corresponding position in the interface, otherwise, it
will be hidden

Select this option (Tick in front of this option) to display the status
Status bar toolbar in the corresponding position in the interface, otherwise, it
will be hidden

Paint Select Select a diagram

object

Straight line Draw a straight line

Right angle
Draw a right-angle rectangle (Closed curve)
rectangle

Round corner
Draw a round corner rectangle (Closed curve)
rectangle

Ellipse Draw a circle and an ellipse (Closed curve)

Polygon Draw a polygon (Closed curve)

Broken line Draw a folded line

Curve Draw a curve

Sector Draw a sector (Closed curve)

Chord Draw a chord (Closed curve)

Arc Draw an arc

Pipe Draw a solid pipeline

Word Input text content in the graphics

Time object Insert a time display box to display the system time in the graphics

Date object Insert a date display box in the graphics to display the system date

Dynamic data Set up a display box for dynamic data in the graphics

6
 Graphics Configuration Software

Digital Variable Set up a dynamic switch in the graphics

Command
Set up an instruction button in the graphics
button

Bitmap object Insert a bitmap object in the graphics

Gif object Insert a GIF cartoon picture in the graphics

Flash object Insert a Flash cartoon picture in the graphics

To combine two or several diagram objects selected into an integer

Adjust Group
as the basic element to constitute the graphics

Disassemble the complicated diagram comprised of several basic

Ungroup
diagrams into the several basic diagrams as before.

Show on top Display the current object selected on the topside level

Show on
Display the current object on the most bottom level
bottom

Set forward Display the currently selected object on the previous level

Set back Display the current object on the later level

Rotate left Anti-clockwise rotate the diagram object for 90 degrees

Rotate right Clockwise rotate the diagram object for 90 degrees

Flip the diagram with the vertical central line of the box selected as
Flip horizontal
the axes, but its position will not be changed.

Flip the diagram with the horizontal central line of the box selected
Flip vertical
as the axes, but its position will not be changed.

Free rotation Rotate the diagram object for any degrees

Custom rotation Rotate the diagram object to a designated angle

Set gradual
Set up the filling of the transition colors for the diagram object
change

Edit endpoint Alter the form of the diagram object

Custom central Used to set up the starting, ending angles or the central angle of the
angle diagram object

7
 Graphics Configuration Software

Used to set up the dynamic property of the diagram, i.e. to connect

Dynamic
the diagram with the dynamic tag, to enable the diagram to have the
property
dynamic change with the value change of the tag accordingly.

Check the various I/O data tags and the tag of extend configuration
Config. tag
variables on the control station.
Browse
tag
Browse the tag selected in this graphics, and complete the
Browse/replace
substitution of the tag in the dialogue box.

Check tag Check whether the tag referred in the graphics has the error or not

Debug The graphics software provides 32 virtual tags of

Simulation _VAL0._VAL1 ......_VAL31. In the circumstance that the graphics
running is not connected with the control station, by referring to these virtual
tags, user can check the results of the dynamic setting.

Used to set up the property of the picture of the graphics, including:

Paint property Five items of window property, background picture, grid setting,
prompt setting, operation & simulation, etc.

Display the statistical information for drawing the graphics, including

Stat. message the numbers of all the static diagram objects and other widgets, etc
in the drawing area.

Template
Enter the dialogue window for administrator of the template base
windows
Tool
Display or hide the background grids on the drawing desktop for the
Grid display
graphics

Paint refresh Refurbish the picture

Include Only when the selection box includes all the objects, can they be
selected selected.

As long as the selection box contacts with the object, it can be

Cross select
selected.

Help List the help topics.

Help
About
Display the software information, version and copyright.
ScDrawEx

1.3 APPLICATION METHODS OF OBJECT TOOLS

The object toolbar provide the basic diagrams and some dynamic controls
for drawing a graphics, as shown in Figure 1-3. Click “View > Toolbar >
Object” to display or hide the object toolbar. From the left to the right in turn,
the icons represent Select, Straight line, Right-angle rectangle, Round
corner rectangle, Ellipse , Polygon, Broken line, Curve, Sector, String, Arc,
Pipe, Character, Time object, Date object, Dynamic data, Digital variable,

8
 Graphics Configuration Software

Command button, Bitmap, GIF, Flash, Alarm record, History trend and
Template window.

Figure 1-3 Object toolbar

Object tools are divided into two major categories:

‰ Static object tools: Select, Straight line, Right-angle rectangle,

Round corner rectangle, Ellipse, Polygon, Broken line, Curve,
Sector, String, Arc, Pipe, Character t and Template window.

‰ Dynamic object tools: Time object, Date object, Dynamic data,

Digital variable, Command button, GIF Flash, Alarm record and
History trend.

The results of the operation for static object can be immediately seen in the
current drawing area, and when making reference to dynamic object. It
must enter the simulated operation interface or the operation status should
be looked up in the monitoring software.

For right-angle rectangle, round corner rectangle, ellipse, sector, string, arc,
pipe, time object and date object, click the icon on the toolbar once (At this
moment, the cursor is in the crisscross shape), and then move the cursor to
an appropriate position in the drawing area, and click the mouse once to
complete drawing the diagram object. After completing the drawing, with
the various types of tools in the software, the diagram can be set up to
reach the optimal effects. If you want to draw several objects, the foresaid
operations can be repeated.

1.3.1 SELECT TOOL

y Select an object: Clicking or right clicking the mouse in the

drawing area, the select tool button is pressed. Move the mouse to the
drawing area, and the cursor is in the status of the left inclined
upwards . Click an individual diagram to select it. In addition, in the
area without any diagram, press the left button on the mouse to drag,
then there will be a dashed box on the screen, to box the diagram

9
 Graphics Configuration Software

object intended to select. If to select several diagrams at the same time,

press the left button on the mouse to drag, and enable the dashed box
to box all the diagrams intended to select, or press the “Shift” button to
select all the diagrams in turn.

y Move the object: There will be a selection box around the selected
diagram, and the blue selection symbol will be displayed on the four
corners and the top point on the central line of the selection box.
Pressing any point inside the diagram (Except for the selection
symbols on various top points) by the cursor arrow, and drag the
mouse to move this diagram. During the process of dragging a
diagram, what moves with the mouse is the rectangle selection box of
this diagram, and when moving to the target position, releases the left
button. In addition, the movement of the diagram can also be
completed with the upward, downward, left and right buttons on the
keyboard: Select a diagram that needs to be moved, and then press
the movement buttons in a corresponding direction. When the distance
between the position of the diagram object and the target position is
relatively small, you can also use the combination of the Ctrl key+
upward, downward, left and right keys (Move slowly) to complete the
movement.

y Change the size of an object: Use the cursor arrow to press any
selection symbol on the diagram selected (At this moment, the cursor
is in the diagonal pointer shape), drag the mouse to change the shape
of the diagram. Note: This operation changes the size of a diagram
is to reduce or increase the scale.

y Selection means: In the Tool/Picture property/Window property, the

selection means of an object can also be set up.

1.3.2 STRAIGHT LINE

y Draw: Click to move the cursor into the drawing area and the
cursor is in the shape. On the preset starting point of the straight
line, press the left button of the mouse to move, and you can see a
straight line educed from the starting point, and drag the mouse to the
finishing point of the straight line and release.

y Select, move and change the shape: To select a straight line, place
the cursor at the position of the selection symbol, and when the cursor
is in paintbrush shape, drag the mouse to change the length of the
straight line and the position of this end. For selecting and moving a
straight line, please refer to the notes in Selection tools .

y Setting: With the right button of the mouse, you can select the color of

10
 Graphics Configuration Software

a straight line in the color palette, and with the line form toolbar, you
can select the line form and width of a straight line and with the
adjustment toolbar, you can have the rotating operations.

y Right-button menu: Dynamic property, Custom rotation, Save

template, etc.

1.3.3 RIGHT-ANGLE RECTANGLE

y Select, move and change the shape: Please refer to the notes of
Selection tools ; no unnecessary details will be given.

y Setting: With the color palette, the frame color and the internal filling
color of the rectangle can be set up, and with the filling toolbar, the grid
filling and the filling of the transition colors can be set up, with the line
form toolbar, the line form and width of the frame can be set up, and
with the adjustment toolbar, the rotating operations can be
implemented.

y Right-button menu: Dynamic property, Custom rotation, 3D frame,

Save template, Set gradual change, etc.

1.3.4 ELLIPSE , ETC

The round corner rectangle , ellipse , sector , and string are

similar with the right-angle rectangle, and the difference is that the
right-button menu of the sector and the string includes the customized
central angle.

1.3.5 POLYGON

y Draw: Click in the drawing toolbar, move the cursor to the

drawing area and the cursor is in the shape. At the preset starting
point of the polygon, click the left button on the mouse for once, and
then release it, and you can see a straight line educed from the starting
point, and move the mouse to the next top point of the polygon, and
click the left button once, and then continue to move the mouse.
Repeat the foresaid operations until the last top point, and click the
right button on the mouse, to complete drawing a polygon.

y Setting and right-button menu: Similar as the right-angle rectangle,

but the right-button menu includes editing the ending point.

11
 Graphics Configuration Software

y Select, move and change the form: Please refer to the notes for
Selection tools ; none unnecessary details will be given.

1.3.6 BROKEN LINE

Similar as the polygon, and the difference is that the left-button operations
for the filling toolbar and the color palette is ineffective for folded line, and
the right-button menu does not include the option of the shade setting.

1.3.7 CURVE

Similar as the broken line and the difference is that the right-button menu
includes “Closed curve”.

y Closed curve: Select a curve, select “Closed curve” from the

right-button menu and you can immediately observe the closed effects
in the current interface, and if you want to resume, cancel the closed
curve by the right button.

1.3.8 ARC

Similar as the curve and the difference is the right-button menu including
the option of the customized central angle.

1.3.9 PIPE

Similar as the broken line and the difference is that the pipe property
replaces Dynamic property in the right-button menu.

Right Clicking the pipe object, the right-button menu will pop up, select
“Pipe property” and then enter into the “Set pipe property” interface as
shown in Figure 1-4, and here, you can set up basic properties and flow
properties of the pipe.

12
 Graphics Configuration Software

Figure 1-4 Set pipe property

The smaller the transition color step is, the finer the pipe image. The pipe
color transmits from the low-light color to the high- light color.

In the “Flow property” column, input the tag name, and then click Add , a
dialogue as shown in Figure 1-5 will pop up.

Figure 1-5 Flow setting

1.3.10 CHARACTER

Used to input the text content in the graphics and any character can be

13
 Graphics Configuration Software

inputted. Click the button, move the cursor to the drawing area, and the

cursor is in the shape, click the mouse in the position where needs to

input text, a dialogue for text set will pop up, as shown in Figure 1-6.

Figure 1-6 Dialogue box for text setting

Write the text in the “Set text” dialogue and press “OK” to finish the current
text entry. If intending to amend the entered text, click the left button of the
mouse on the text box of the graphics twice, a dialogue box for setting text
will pop up, to amend or rewrite the text, and if intending to alter the text font
and size, they can be modified in the font toolbar. After selecting the text
box, press the left button to drag the mouse to move the text box.

y Transparent background: After selecting this option, the default text

background is a canvas, and by modifying the canvas property, this
background color can be altered, and if this option is not be selected,
the text background is in the color of the internal filling color default in
the diagram in the color palette.

y Self-adapted extension: If selecting this option, then the text size will
be changed with the periphery selection box, and if not selecting this
option, when the size of the selection box is changed, the text size is
not changed, and at this moment, the size of the characters only can
be changed by the font toolbar.

1.3.11 TIME OBJECT

Click the time object icon once, move the cursor to an appropriate position
in the drawing area, then click the mouse once to display the current time at
this potion, and by clicking this time twice, a dialogue box of date and time
setting will pop up as shown in Figure 1-7, and in this box, select the time

14
 Graphics Configuration Software

format needed, the functions of the transparent background and the

self-adapted extension are the same as those for the text. In the simulated
operation mode, this object will display the real time.

Figure 1-7 Date and time setting

1.3.12 DATE OBJECT

Similar as the time object and no unnecessary details will be given.

1.3.13 TEMPLATE WINDOW

Template window is used to save and educe template, enabling user to

conveniently categorize and save in concentration of the diagram objects
that need to be saved, and can educe into the graphics at any time. By
clicking the button, a dialogue box will be shown as follows.

15
 Graphics Configuration Software

Figure 1-8 Window of the administrator for template base

Path for saving a template : Press this button, and a dialogue shown as

Figure 1-9 will pop up, this box mainly displays the main directory for saving
all the templates, and it does not provide the function of alteration.

Figure 1-9 Template path

Create a new template file : Press this button, and a dialogue box

shown as Figure 1-10 will pop up, write the file name, and a new folder is
established under the directory for saving the template, and after pressing
OK, this file name can be seen on the information tree on the left of the
window of the administrator for template base. When there is a diagram
object saved in this file, press this folder, the diagram template in it can be
seen at the right of the window.

16
 Graphics Configuration Software

Figure 1-10 New template

Rename a template : Select the template which needs to alter the name,

and press this button, and a dialogue shown in Figure 1-11 will pop up, and
write a new name; you also can click on the right-button menu of the
template to rename the template, write the new name in the dialogue box
popped up. After the alteration, the result can be immediately seen in the
template base.

Figure 1-11 Renaming a template

Delete a template : Select a template diagram in the template base, and

press this button to delete the template diagram, or select the deletion
function in the right-button menu of the template. It is not allowed to delete
several diagram templates at the same time.

Export a template : Select the template diagram to be export in the

template base, and press this button to export the template into the
graphics, or select the Export function in the right-button menu of the
template. After the operation of exporting a template, the original template
is still in the template base unchanged.

Refresh a template : Press this button to refresh the template base.

Big size : Press this button, and the sizes of all the template diagrams

17
 Graphics Configuration Software

will be changed to a relatively big size

Small size : Press this button, and the sizes of all the template diagrams

will be changed to a relatively small size.

Note: It is not allowed only to change the size of one template diagram,
i.e. the size of all the templates in the same folder should be changed
at the same time, and the template size can also be changed by
selecting the corresponding function in the right-button menu.

1.3.14 DYNAMIC DATA

Dynamic data is used to display the real-time value of the dynamic tag. In

the practical operation, click , move the mouse to the drawing area, left

click and a dynamic data box will pop up.

y Dynamic data setting: Click the dynamic data box twice, and a
dialogue box for setting up the dynamic data is shown in Figure 1-12.

Note: The dynamic data setting can also be selected by clicking the
right-button.

Figure 1-12 Dialogue box for setting up the dynamic data

‰ Select tags: Used to set up the tag that needs to display the

values. It can be directly written, or by clicking to select the

IO tag or the extend configuration variable.

18
 Graphics Configuration Software

‰ Tag description information: Any character can be written,

and when clicking the prompt button for tag information, select
the diagram object, and the information box of the object
property will pop up on the right bottom of the mouse, and you
can see the description information written.

‰ Data display: digits reserved for the decimal number, i.e. How
many digits of the integer/decimal number will be reserved in
the number displayed.

‰ Alignment mode: In the monitoring display, match the text on

the left/right.

‰ Background transparent: When selecting this option, the

background color of the number in the interface is the color of
the canvas in the drawing area, and if not select this option, the
background color of the number in the interface can be
customized (Click the color in the color palette with the left
button on the mouse)

‰ Self-adaptive stretching: If selecting this option, in the

monitoring display, the text will be extended to the size adapted
with its background.

‰ Read-only: When selecting this option, in the monitoring

display, it can only be observed, there is no corresponding
instrument screen will pop up after clicking.

y Font & color setting: Select a dynamic data object, and then select
the property of the number like font, size (The size also can be
changed with the extension selection box) and color, etc with the color
palette toolbar and the font toolbar. Please also refer to the introduction
on the color palette toolbar and the font toolbar before.

y Dynamic property: The dynamic property of the dynamic data only

includes seven items: Regular, front/background colors, display/hide,
horizontal movement, vertical movement, twinkle and gradual change
of the color.

y 3D frame: Used to set up the 3D effects of the number. Select this

option in the right-button menu and various types of effects can be

19
 Graphics Configuration Software

selected respectively, shown as Figure 1-13. After selecting any of

them, you can immediately observe the effects in the current interface.

Figure 1-13 Right-button menu for dynamic data

1.3.15 DIGITAL VARIABLE

Digital Variable is used to vividly display the tag status (On or Off) of

the switch volume. When operating, click this button, and click the position

once where intend to insert, appearing the ..

y Set digital variable : Click the dynamic switch twice, and a setting
dialogue box will pop up as shown in Figure 1-14

Note: The setting of the dynamic switch can also be selected in the
right-button menu.

Figure 1-14 Dynamic switch setting

20
 Graphics Configuration Software

‰ Select tags: Used to set up the tags of the parameter that

needs to be displayed. It can be directly written, and also can

click to select the IO tag or the extend configuration

variable.

‰ Dynamic switch color: Used to set up the color of the switch

button display in different modes.

‰ Format: Can be selected as circle or square, and the result

can be immediately observed in the current interface.

‰ Style: Can select none, concave or heave, and the result can
be immediately observed in the current interface.

‰ Read-only: If selecting this option, in the monitoring display, it

can only be observed, and after clicking, the corresponding
instrument screen will not pop up

y Dynamic property: Regular, display/hide, horizontal movement,

vertical movement, twinkle, etc.

y Size: After selecting the switch button, the switch size can be changed
with the extension selection box.

1.3.16 COMMAND BUTTON

Command button is used to switch between graphics and parameters

settings. Click , move the mouse to the drawing area, left click and then

a dialogue box shown as Figure 1-15 will pop up. There are two button
types: one is General command button; the other is Especial page turn
button.

21
 Graphics Configuration Software

Figure 1-15 Button set guide

General command button: When selecting this option, a dialogue shown

as Figure 1-16 will pop up. Set the items such as Label, style, Word
alignment mode and Commands according to the actual condition. Select
the tag having been configured (Including the IO tags and the extend
configuration variables). After selecting Needs to confirm prompt while
clicking command button , when having operating during the system
operation process, it will prompt whether to execute this operation, which
can enhance the security of the system, and effectively avoid the error
operation.

For the notes on language in the editing code, please refer to the notes for
language in the Customization button .

Figure 1-16 General command button setting

Especial page turn button: When selecting this option, a dialogue shown
as Figure 1-17 will pop up. The tag name can be written, and select an
appropriate button style and the Word alignment mode according to the

22
 Graphics Configuration Software

requirements. In the setting for the menu item, click the picture type twice,
and select from the pull down list, the default page number is 1, and user
can also fill in by himself, any character can be written in the menu heading,
and by clicking the button set up when the system is moving, it can
conveniently switch the interface.

Dynamic property of the instruction button only includes seven items:

Regular, front/background color, display/hide, horizontal movement, vertical
movement, twinkle and gradual change of the color, etc.

Select the button color by clicking the left button of the mouse and select
the character color by clicking the right button of the mouse.

If select the Translucent button option, in the monitor, the button is

invisible, and only when the mouse is moved above the button, will the
selection box appear.

Figure 1-17 Page turning button set

Note: If it needs to be modified after completing the setting of the

button, click this button twice or select Button setting from the
right-button menu, it can be set again.

23
 Graphics Configuration Software

1.3.17 BITMAP OBJECT

Used to complete the import of other static pictures. In order to make the
graphics drawn more beautiful and vivid, picture in other file can be inserted
as the requirements. Click this button, and click in the drawing area once,
and a dialogue box shown as Figure 1-18 will pop up, and with the
corresponding directory, the picture needed can be imported into the
graphics.

Figure 1-18 Choose bitmap object file

1.3.18 GIF DYNAMIC OBJECT

It is used to import a GIF dynamic picture. Click , move the mouse to the

drawing area, left click and then a dialogue box shown as Figure 1-19 will
pop up.

Figure 1-19 Choose GIF object file

After inserting a GIF picture, enter into the simulated operating interface,

24
 Graphics Configuration Software

and you can observe the dynamic effects. GIF object does not support the
operations like disassembling the combination, changing the size or setting
up the dynamic property, etc, and can save the template. In the right-button
menu, select the picture setting function option, and then you can select a
new GIF object in the dialogue box opened to replace the original GIF
object.

1.3.19 FLASH OBJECT

It is used to import the Flash object from other files. Click , move the

mouse to the drawing area, left click and then a dialogue box shown as
Figure 1-20 will pop up.

Figure 1-20 Choose Flash object file

After inserting a Flash picture, operate the monitoring operation interface,

and you can observe the dynamic effects. Flash object supports the
operations of disassembling the combination, changing the size (Drawing
the selection box) and saving the template. With the right-button menu,
enter the Flash object set dialogue, as shown in Figure 1-21, and you can
set up the Flash enabling and replace a Flash file.

25
 Graphics Configuration Software

Figure 1-21 Setting of the Flash object

1.3.20 ALARM RECORD CONTROL

It has the function to display the alarm record with other information

together in the graphics, convenient for check. Click , move the mouse

to the drawing area, left click and then a dialog box shown as Figure 1-22
will pop up, and by dragging the mouse, it can be zoomed in or out.

Figure 1-22 Box to display alarm information

With the alarm record button, user can conveniently check the alarm,
operation and running situation of the system in the graphics screen.

Enter the simulated operating interface, Figure 1-23 will appear. In the
alarm window, the NO., Alarm time, Region, Tag name, Alarm Desc.,
content, priority level, confirmation time, alteration time and content are
displayed.

26
 Graphics Configuration Software

Figure 1-23 Alarm record interface

Press the icon, and a memory dialogue box for alarm record will pop

up:

Figure 1-24 Alarm Backward

As shown in Figure 1-24, the ideal time scope can be selected within the
time scope. After confirming, you can check the alarm record within the time

scope set at this tag. After checking it, click the button, and you can
switch back to the real-time status.

Click the button, and a dialogue shown as Figure 1-25 will pop up,
which is the dialogue for setting of the property of the alarm interface. With
this dialogue, you can change the background and the font color on the

27
 Graphics Configuration Software

alarm interface, making them meet the demands by different users (The
notes for the alarm list in the real-time monitor manual can be referred to).

Figure 1-25 Alarm attribute set

is a button for confirming alarm, and randomly click one or several

records in the alarm interface, and then click this button, then the current
time will be displayed as the alarm confirmation time in the time
confirmation item in this alarm record. This operation means working staff
has confirmed this piece of the alarm information.

1.3.21 HISTORY TREND CONTROL

Used to display the history trend with other information together in the
graphics, convenient for checking. Click this button, and click in the drawing
area once, and a box shown as Figure 1-26 will pop up, and it can be
zoomed in or out by dragging the mouse.

28
 Graphics Configuration Software

Figure 1-26 Display box for historical trend

Double click this dialogue box, and a dialogue as Figure 1-27 will pop up:

Figure 1-27 trend control configuration

For the configuration method of the trend control, please refer to the section
Configuration of trend display in the System configuration .

Note: Trend control can also implement the operation of saving the
template.

1.4 RIGHT-BUTTON MENUS OF DIAGRAM OBJECTS

Most of diagram objects have their corresponding right-button menus. Right

click a diagram object and its corresponding right-button menu will pop up.
Generally, a right-button menu of diagram objects may include: Dynamic

29
 Graphics Configuration Software

property, Edit endpoint, Custom rotation, Custom central angle, 3D frame,

Save template, Set text, Set dynamic data, Set gradual change, etc.

1.4.1 DYNAMIC PROPERTY

The dynamic property is used to set up the dynamic property of a diagram,

i.e. to link the dynamic tag with diagram, enabling the diagram to have the
dynamic change as the value change of the tag accordingly.

Select a diagram object, and click the right button on the mouse once, and
click the option of the dynamic property in the menu popped up and a
dialogue box for cartoon property (Taking a polygon as an example) will pop
up shown as Figure 1-28, and select various options to complete the
parameter setting.

Figure 1-28 Animation property

1. General

Used to set up the name and the description information on the diagram
object, including two items of name and description, and any character can
be filled in. Determine and reselect a diagram, and open the prompt box for

tag information (Click the button in the toolbar), and move the cursor

to the diagram area to display the information filled in.

30
 Graphics Configuration Software

2. Foreground/background color

Used to set the foreground/background color within the scope of different

values of tag, as shown in Figure 1-29

Figure 1-29 property of front/background color

‰ Select tags: Insert a name of the tag, and by clicking , select

the I/O tag or the extend configuration variable, or in the
circumstance that the graphics is not connected with the control
station, user needs to directly write the 32 simulated tags VAL0.
VAL1...... VAL31 provided by the software. By [Check/screen
property/operation and simulation], you can set the minimum
and maximum, step length and means of the simulated tag. In
operation, the dynamic property of the diagram will change as
the value change of the tag selected.

‰ Parameter setting: Click the Add button, and a dialogue of

Add/Modify will appear, and fill in the threshold value and color
plan respectively (Note: The upper and lower limits of the
threshold value should not be superposed) and click the
Add button repeatedly can have the multi-segment setting, and
if it needs to modify some line of parameter, you can click this
line, and then click the Modify button, and fill in the
Add/modify dialogue box again, and if to delete some line,
click this line of parameters, and then click the Delete

31
 Graphics Configuration Software

button.

‰ Reset: When all the parameters need to be modified, press this

button, and you can reset all the parameters.

‰ Valid animation: After the parameters are set up, this button
must be selected, then the parameter setting become valid.

Note: It is invalid for the filling color of the straight-line object, and the
color of the frame is the color of the straight line.

3. Display/Hide

Used to setting the visible or invisible status of a diagram linked tag under
different values. as shown in Figure 1-30.

Figure 1-30 Dialogue box for setting of the display/hide property

‰ Select tags: The same as that for foreground/background

color.

‰ Parameter setting: Click the Add button, and a dialogue of

Add/Modify will appear, and fill in the threshold value and color
plan respectively (Note: The maximum and minimum of the
threshold value should not be superposed), and click the
Add button repeatedly can have the multi-segment setting, and
if it needs to modify some line of parameter, you can click this
line, and then click the Modify button, and fill in the

32
 Graphics Configuration Software

Add/modify dialogue box again, and if to delete some line,

click this line of parameters, and then click the Delete
button.

‰ Reset and valid animation: The same as foreground

/background color.

4. Rotation

Used to setting up a diagram to do various kinds of rotations correspondingly

during the changing process of the value of tag, as shown in Figure 1-31.

Figure 1-31 Dialogue box for rotating property setting

‰ Select tags: The same as that for foreground/background

color.

‰ Parameter setting: Fill in various parameters respectively, and

select a rotating direction. For the enable tags as digital tags,
the rotate rate and tags should be set in which statue it will
rotate. It is need to set the starting and the ending angle for the
enable tags which are integer or float. The starting angle and
the ending angle mean the angle that the diagram has rotated
when the tag value reaches the corresponding value (The
degree of the starting angle of the anti-clockwise rotation from
the original position), and the excursion of the central angle

33
 Graphics Configuration Software

means the center-deviated rotation set up encircling the

original central point.

‰ Reset and valid animation: The same as those for foreground

/background color.

5. Horizontal shift

Used to set up the property of the horizontal movement of a diagram during

the changing process of the tag value, as shown in Figure 1-32

Figure 1-32 Horizontal shift

‰ Select tags: The same as foreground/background color

‰ Parameter setting: The effective scope means when the tag is

within this value scope, the diagram will do horizontal
movement, and the movement scope means the scope of the
diagram excursion to the left and the right with the center as the
benchmark point. For the setting in Figure 1-33, if the original
center of the diagram is (200, 458), then the original center of
the diagram after movement is (50, 458).

‰ Reset and valid animation: The same as those for foreground

/background color

6. Zoom

34
 Graphics Configuration Software

Used to setting up the corresponding zoom property of a diagram in the

changing process of the tag value, as shown in Figure 1-33.

Figure 1-33 Zoom property setting

‰ Select tags: The same as for the foreground/background color.

‰ Parameter setting: The effective scope is used to set up when

the tag is within a certain value scope, a diagram makes the
corresponding zoom-in/out movement as per the zoom-in/out
direction selected, and the zoom-in/out scale means the form
proportion of the diagram when the tag is a certain value. For
the setting shown in Figure 1-33, it means when the tag value
is the minimum value of 20, the diagram will begin to make the
zoom-in/out movement, and the scale of the diagram at this
moment is 5%, and when the tag value reaches the maximum
value of 85, the diagram ends the zoom-in/out movement, and
the scale of the diagram at this moment is 100% (I.e. the
original form). When the maximum value is inconsistent with
the upper limit of the tag value, within the scope between the
maximum value and the upper limit, the default diagram keeps
static.

‰ Reset and valid animation: The same as for foreground

/background color.

35
 Graphics Configuration Software

Notes: For a straight-line objective, some zoom-in/out directions are

invalid, and no this function option for curve objective.

7. Blink

Used to set up the blinking property of a diagram during the changing

process of the tag value, as shown in Figure 1-34

Figure 1-34 Blink property setting

‰ Select tags: The same as for foreground/background color

‰ Parameter setting: Click the Add button once, and a

dialogue box of Add/Modify will appear, and fill in the threshold
value and the twinkling frequency respectively (Note: The
upper and lower limits of the threshold value should not be
superposed), and select the color plan needed, and click the
Add button repeatedly can have the multi-segment setting, and
if it needs to modify some line of parameter, you can click this
line, and then click the Modify button, and fill in the
Add/modify dialogue box again, and if to delete some line,
click this line of parameters, and then click the Delete
button.

‰ Reset and valid animation: The same as for foreground

/background color

36
 Graphics Configuration Software

Note: Background color is invalid for the straight-line objective, and

the foreground color means the color of the straight line.

8. Proportion filled

Used to set up the property of the scale filling of a diagram during the
changing process of the tag value, as shown in Figure 1-35

Figure 1-35 Proportion filled property setting

‰ Select tags: The same as foreground/background color.

‰ Fill direction: Click to select a filling direction required.

‰ Fill color: Select a starting color, and if selecting to use the

transition filling, then the ending color is valid, otherwise it will
be invalid.

‰ Fill parameters: Fill in various values, and when operating,

during the process of the tag value changing from the minimum
value set up to the maximum value, the default color of a
polygon will be gradually covered by the starting color (As the
scale, it will start changing from different positions in the
polygon), and when selecting the transition filling, the default
color will be covered by the starting color, ending color and the
various types of transition colors between them.

‰ Reset and valid animation: The same as for the foreground

/background color.

37
 Graphics Configuration Software

Note: Straight line, folded line and curve have not this function option.

9. Gradual change color

Used to set the property of the corresponding gradual color change during
the changing process of a tag value, shown as Figure 1-36

Figure 1-36 Gradual change color property setting

‰ Select tags: The same as for foreground/background color.

‰ Effect range: I.e. during the process of the tag changes from
the minimum value to the maximum value, the diagram
completes the gradual color change, and the diagrams in other
value scopes are defaulted as the original status.

‰ Color design: Select the filling color and the color of frame/text
(Otherwise the color selection is invalid), and select a color
needed.

‰ Reset and valid animation: The same as foreground

/background color.

1.4.2 ENDPOINT EDIT

It is used to set up the endpoint positions of a diagram object. The function

items of editing the terminal point are included in the right-button menu for
the polygon, folded line, curve, sector, string and arc objects, and the
terminal point means the position clicked on the canvas by the mouse when
drawing these diagram objects. User can amend a diagram drawn to be

38
 Graphics Configuration Software

more ideal with this function option. As shown in Figure 1-37, select the
diagram on the left, and select the function option of editing the terminal
point with the right button, the diagram will be changed to the status on the
right, i.e. the selection symbol will appear on each terminal point position,
and place the mouse at any selection symbol, and the curse is in the
crisscross shape, and drag the mouse to alter the position of the terminal
point.

Figure 1-37 Sketch map for editing a terminal point

1.4.3 CUSTOM ROTATION

The custom rotation is used to set up the static rotation in any angle and
excursion of a diagram. In the specific operation, select a diagram that
needs to be rotated, and select the function option of customized rotation
with the right button, and in the dialogue box popping up, write the
corresponding parameters. As shown in Figure 1-38, setting up the
right-angle rectangle on the left as shown in Figure 1-39, will get the status
of the right-angle rectangle on the right of Figure 1-38.

In Figure 1-38, the directions that have been marked with coordinates: The
positive direction of Axis X goes horizontally towards the right, and that of
Axis Y goes vertically downwards, and the coordinates of three points of A,
B and C are (197,196), (397, 196), and (297,96) respectively. Set up the
rectangle on the left shown as Figure 1-39 (90 degrees, Axis X deflected for
+100, and Axis Y deflected for -100, anti-clockwise), and then Point A will
rotate anticlockwise for 90 degrees with Point C as the center, and the
diagram itself will also rotate for 90 degrees at the same time.

39
 Graphics Configuration Software

Figure 1-38 Sketch map for function of customized rotation

Figure 1-39 Customized rotation setting

1.4.4 CUSTOM CENTRAL ANGLE

This function option is included in the right-button menu for sector, string
and arc objects, used to set up the starting, ending angles or the central
angle of a diagram. When selecting the ending angle, the option of central
angle is in gray, vice versa. In the specific operation, as long as selecting a
diagram object, the right button will select the function of customized
central angle, and write the setting value parameters in the dialogue box
shown in Figure 1-40 and after clicking Enter , the effects can be
observed immediately in the current interface. Figure 1-41 is the effect
picture of this function option.

40
 Graphics Configuration Software

Figure 1-40 Custom central angle setting

Figure 1-41 Effects of customized central angle

Note: For the setting of two types of parameters in Figure 1-41, the
effects are the same.

1.4.5 SAVE TEMPLATE

In the graphics, select a diagram object as following (Figure 1-42), and

select the function option of saving template with the right button, and a
dialogue for saving to a template file as Figure 1-43 will pop up.

Figure 1-42 Save template

41
 Graphics Configuration Software

Figure 1-43 Save to template file

Select a folder to save the template, and write the name of the new
template in the template name column, and after pressing Enter, a prompt
box for successfully saving the template will pop up, meaning completing
saving the template.

Click the button in the toolbar, and a dialogue shown in Figure 1-44

will pop up. Click the folder selected when saving on the information tree on
the left of the window, and you can see the template saved in the template
library manager on the right.

Figure 1-44 Template library manager

42
 Graphics Configuration Software

1.4.6 SET GRADUAL CHANGE

Select a diagram, and select the option of set gradual change on the
right-button menu, then a dialogue box for setting of the filling property of
the transition color will pop up as shown in Figure 1-45.

Figure 1-45 Transition color filling setting

Setting of the step length of transition color relates to the fine level when
displayed, and the smaller the step length, the more fine the image. Select
transition color, landscape orientation, portrait direction, angle radiation and
center radiation, and observe the effects of various patterns in the
transformation and preview, and after selecting a transition filling means,
click OK to complete the transition color filling setting operation.

1.4.7 3D FRAME

3D frame is only included in the right-button menu for right-angle rectangle

and ellipse diagram objects, used to set up the solid effects of the frame of
a diagram. As shown in Figure 1-46, select a diagram, and select the
function option of 3D frame on the right button, and the lower-level
submenu (as shown in the figure) will pop up, and randomly select a kind of
effects, and you can immediately observe the effects on the current
interface, shown as Figure 1-47.

43
 Graphics Configuration Software

Figure 1-46 Sketch map for operation of 3D frame

Figure 1-47 Effect picture of 3D frame (Hollow)

1.5 COLOR PALETTE TOOLBAR

Color palette toolbar is located in the left bottom corner on the interface,
shown as Figure 1-48, used to set up the filling colors of the frame/text and
inside a diagram, and this toolbar can be displayed or hidden by selecting
[Check/color palette].

Figure 1-48 Color palette toolbar

1. Color selection

There are 28 color blocks in different colors in total on the palette. Select a
diagram object that needs to set up the color, and by clicking some color
block with the left button on the mouse, select this color block as the
internal filling color for the current object (When it is the grid filling (To be
introduced later), it is the color of the grid), and by clicking some color block
with the right button on the mouse, select this color block as the color of
frame/text for current object. When the diagram is a line and text object,
selecting a color block with the left button on the mouse is invalid (No
internal filling color). After completing the color selection, you can
immediately observe the effects selected in the current interface.

44
 Graphics Configuration Software

2. Current color sketch block

Current color sketch block is the square box on the left of the palette.

The external color of this box means the frame/text color of the current
object, and the internal color means the internal filling color of the current
object. The color display status of the box will change as the Color
selection . By clicking this box twice, an object color dialogue box will pop
up, shown as Figure 1-49. Background color means the internal filling color
of the object, and the front color means the color of the frame/text. By
selecting the foreground/background color (Other color can be absorbed
through a sucker), the color selection operation also can be selected, and
there are more color selection plans.

Figure 1-49 Object color setting

3. Move the palette

Click any position in the palette (Except for the square box) with the left
button on the mouse twice, and a dialogue of palette will pop up, shown as
Figure 1-50. Pressing the title column (I.e. The blue horizontal bar), you can
move the palette, and by pressing , you can close the palette, i.e. the
palette is hidden. If it is need to be displayed, it can be completed with the
[View/palette] command.

Figure 1-50 Movement box of palette

1.6 COMMON USED TOOLBAR

The toolbar often used is shown as Figure 1-51, and this toolbar can be
displayed or hidden by selecting [View/toolbar/Common]. The icons from
the left to the right are in turn New, Open, Save, Cut, Copy, Paste, Copy

45
 Graphics Configuration Software

and Paste, Delete, Undo, Redo, Included selected, Cross selected,

Browse/Replace tag, Check tag, Tag information Prompt, Display/Hide grid,
Help topic, Help, etc, and for their functions, please refer to the list of menu
instructions.

Figure 1-51 Common toolbar

Click the left side line of the toolbar with the left button on the mouse twice,
and a movement dialogue box will pop up shown as Figure 1-52, and by
pressing the title bar (I.e. The blue horizontal bar), you can move the
toolbar, and press the to close the toolbar, i.e. The toolbar is hidden. If it
needs to be displayed, it can be completed with the [View/toolbar/common]
instruction.

Figure 1-52 Movement box for the common toolbar

1.7 FONT TOOLBAR

Used to set up the property of the text, like the font and size, etc, as shown
in the figure1-53, this toolbar can be displayed or hidden by selecting
[View/Toolbar/Font]. From the left to the right, they are Select a font, Select
a font size, Bold, Italic and Underline.

Figure 1-53 Font toolbar

Note: The movement is the same as the common used toolbar, and
there are no details to give.

1.8 FILLING TOOLBAR

Used to set up the filling of the grid and transition color inside a diagram
object, shown as Figure 1-54, and it includes 8 types of grid patterns and 14
types of transition filling means. By selecting [View / Tool bar / Fill], this
toolbar can be displayed or hidden. When the mouse is in any pattern block,

46
 Graphics Configuration Software

the operation information will be displayed in the status prompt column at

the bottom of the interface, indicating which filling means it is. After
selecting any filling means with the left button on the mouse, you can
immediately observe the effects in the current interface. Note: Before
selecting a filling means, it needs to firstly select a diagram object that
needs to be set up, and introductions are as following from the left to the
right:

Figure 1-54 Grind and transition filling toolbar

Note: The filling operation for grid and transition color is not allowed
for the grouped diagram.

1. Grid filling

: Without filling. The whole diagram is transparent, and you can only
see the background and the frame of the diagram.

: Stuffed filling. Use the filling color to fill the whole object.

: Filling with the left diagonal. Use the diagonal from the left bottom
corner to the right upper corner to fill the diagram, and the color of the
diagonal is the filling color defined in the palette.

: Grid filling. Use the horizontal & vertical grids to fill the diagram, and
the color of the line is the filling color defined.

: Crossed filling. Use the diagonal grids on the left and the right to fill a
diagram, and the line color is the filling color defined.

: Filling with the right diagonal. Use the diagonal from the left upper
corner to the right bottom corner to fill a diagram, and the line color is the
filling color defined.

47
 Graphics Configuration Software

: Filling with the horizontal line. Use the horizontal straight lines to fill a
diagram, and the line color is the filling color defined.

: Filling with vertical lines: Use vertical lines to fill a diagram, and the
line color is the filling color defined.

The effect picture of the setting of the 8 types of grids filling is as following:

Figure 1-55 Effect picture of filling with grids

2. Filling with transition color:

: Transition filling in landscape orientation (I.e. Vertical filling

from top to bottom). After the setting, these diagrams are shown as Figure
1-56 from the left to the right in turn:

Figure 1-56 Effect picture of transition filling in landscape orientation

: Transition filling in vertical direction (I.e. Filling in horizontal

line from left to right).After the setting, these diagrams are shown as Figure
1-57 from the left to the right in turn:

Figure 1-57 Effect picture of transition filling in vertical direction

: Transition filling in angle radiation (Transition with vertical

angle). After the setting, the effects are as Figure 1-58 in turn from left to

48
 Graphics Configuration Software

right:

Figure 1-58 Effect picture of transition filling with angle radiation

: Transition filling with central radiation. After setting, the effects

from the left to the right in turn are shown as Figure 1-59:

Figure 1-59 Effect picture of transition filling with central radiation

Notes:

1. In the specific operation, the filling toolbar and the palette can be
used together, and after the observations and amendments for
several times, to reach the ideal effects.

2. The movement is the same as the toolbar often used, and no

details will be given.

3. Transition filling can also be completed with the shade setting

function on the right-button menu.

1.9 LINE FORM TOOLBAR

Used to set up the line form of the side-box and line objects, shown as
Figure 1-60 and this toolbar can be displayed or hidden by selecting
[View/Line mode]. From the left to the right in turn, they are the non-line
form, broken line, dot line, dot-dash line double-dot & dash line, and real
line as well as the width of the five line forms. With the left button on the
mouse, select any one line form and you can immediately observe the
effects in the current interface. Note: Before selecting a line form, you need

49
 Graphics Configuration Software

to firstly select a diagram object to be set up.

Figure 1-60 Line form toolbar

Note: The movement is the same as the toolbar often used, and no
details will be given.

1.10 ADJUST TOOLBAR

Used for the operations to set up the group/ungroup of several diagrams,

matching on left, right, up, down and center, even-space array, even width,
equal height or equal dimensions and various types of displays (The tiptop
and bottom levels, etc) and several types of rotating means, shown as
Figure 1-61. This toolbar can be displayed or hidden with [View/Adjust].

Figure 1-61 Movement box for adjustment toolbar

Move the mouse to some function button, and beside it, the name of this
function button will appear, and at the same time, the status bar at the
bottom of the interface will prompt the related operating information. Next,
we will specifically explain these 22 functional buttons in different blocks.

1. Group/Ungroup

: Group. It is used to assemble two or more diagram objects selected

into an integer as the basic element of the graphics. When operating, use
the check box to select all the diagrams that need to be grouped, and then
click this button. The Group operation can conveniently move several
diagram objects at the same time, and can add the diagram object grouped
into the template base as one template.

Note: After having the grouping operation, if intending to edit part of

this diagram, the diagram grouped must be ungrouped first.

: Ungroup. It is used to disassemble the complicated diagram

50
 Graphics Configuration Software

composed with the several basic diagrams into the several basic diagrams
as before. In operating, select a complicated diagram that needs to be
ungrouped, and then click this button.

Note: GIF file cannot have the operations of group/ungroup.

2. Alignment

It is used to complete the position setting of several diagrams in different

means (Up, down, left, right and center). When operating, select all the
diagrams that need to be matched, and then select an ideal matching
means button, and the effects set up can be immediately observed in the
current interface, and as shown in the following figure, it is the Alignment
function button bar.

Figure 1-62 Alignment function button

Notes: Before the aligning operation, a diagram must be selected at

first as the benchmark. In the specific operation, it only needs to click
an appropriate diagram object (If user does not set up the benchmark
diagram, the system will default the last diagram inserted into the
fabrication picture among all the diagrams to be matched as the
benchmark). As shown as Figure 1-63, the diagram in the yellow color
on the right is the benchmark diagram (The selection symbol is blue,
and other diagrams are white). Under this status, click anyone of
other diagrams with the mouse to select this other diagram as the
benchmark diagram.

Figure 1-63 Before the matching arrangement

: Bottom alignment in the horizontal direction of objects. Click this

button and the diagrams selected will use the bottom line of the selection

51
 Graphics Configuration Software

frame of the benchmark diagram as the matching line, to arrange all

diagrams, and as shown in Figure 1-64, it is the effects of matching from
the bottom.

Figure 1-64 Effect picture of matching arrangement from the bottom

: Top alignment in the horizontal direction of objects. Click this button

and the diagrams selected will use the top line of the selection frame of the
benchmark diagram as the matching line, to arrange all diagrams. As
shown in Figure 1-65, it is the effect picture of matching from the top.

Figure 1-65 Effect picture of matching arrangement from the top

: Center alignment in the horizontal direction of objects. Click this

button and the diagrams selected will use the horizontal central line in the
selection box of the benchmark diagrams as the matching line, to arrange
all the diagrams. As shown in Figure 1-66, it is the effect picture of matching
arrangement in the vertical central line.

Figure 1-66 Effect picture of matching on the vertical center line

52
 Graphics Configuration Software

: Left alignment in the vertical direction of objects. Click this button and
the diagrams selected will use the left side line of the selection box of the
benchmark diagrams as the matching line, to arrange all the diagrams. As
shown in Figure 1-67, it is the effect picture of matching from the left.

Figure 1-67 Effect picture of matching from the left

: Right alignment in the vertical direction of objects. Click this button

and the diagrams selected will use the right side line of the selection box of
the benchmark diagrams as the matching line, to arrange all the diagrams.
As shown in Figure 1-68, it is the effect picture of matching from the right.

Figure 1-68 Effect picture of matching from the right

: Center alignment in the vertical direction of objects. Click this button

and the diagrams selected will use the vertical central line in the selection
box of the benchmark diagrams as the matching line, to arrange all the
diagrams. As shown in Figure 1-69, it is the effect picture of matching
arrangement in the horizontal center.

53
 Graphics Configuration Software

Figure 1-69 Effect picture of matching in the horizontal center

3. Equal intervals between objects

Used to complete the equal-space (Horizontal and vertical directions)

arrangement of several diagrams. i.e. The space between the midlines
(Vertical midline and horizontal midline) of any two adjacent selection boxes
of diagrams is equal. When operating, select all the diagrams that need to
be arranged, and then click an ideal function button, and you can observe
the effects in the current interface.

: Equal intervals between objects in horizontal direction. Make the

arrange of several diagrams have the equal space in the horizontal

direction (The position of diagrams in the vertical direction will not be
changed), i.e. The space between the vertical midlines in any two adjacent
diagram selection boxes is equal, and the effects are shown as Figure 1-70.

Figure 1-70 Effect picture of equal-space arrangement in horizontal direction

: Equal intervals between objects in vertical direction. Make the

arrange of several diagrams have the equal space in the vertical direction
(The position of diagrams in the horizontal direction will not be changed), i.e.
The space between the horizontal midlines in any two adjacent diagram
selection boxes is equal, and the effects are shown as Figure 1-71.

54
 Graphics Configuration Software

Figure 1-71 Effect picture of equal-space arrangement in horizontal direction

4. Consistent size

Used to setting the size of several diagrams, including consistent height

and width of diagrams selected. When operating, select all the diagrams
that need to be set up, and then click any button, and you can observe the
effects in the current interface.

Notes: Before having the operation of consistent size, the benchmark

diagram must be set up, and the method is the same as that for the
benchmark in the Matching .

: The same height. Even if the heights of several diagrams make the

distance between the upper and lower boundaries of the benchmark

diagram as the standard, it will be changed to the same height, shown as
Figure 1-72.

Figure 1-72 Effect picture of the same height

: The same width. Even if the heights of several diagrams make the
distance between the left and right boundaries of the benchmark diagram
as the standard, it will be changed to the same width, shown as Figure

55
 Graphics Configuration Software

1-73.

Figure 1-73 Effect picture of the same width

: The same size. Even if the sizes of several diagrams make the size of

the benchmark diagram as the standard, it will be changed to the same size,
shown as Figure 1-74.

Figure 1-74 Effect picture of the same size

5. Front and rear placement

Used to completing the front/rear sequential setting when several diagrams

are in superposed arrangement. With this kind of buttons, it can arrange
any diagram in a superposed diagram at any position needed.

: Display the object currently selected on the uppermost layer. Select a

diagram (Only one) that needs to change the sequence, and then click this
button to display the diagram selected on the uppermost layer of all the
superposed diagrams, and in the plain level, it is the level in the most front.
Comparing Figure 1-75 with Figure 1-76, the diagram selected (The ellipse
diagram object) was the last level before, and after operation, it is displayed
in the most front level.

56
 Graphics Configuration Software

Figure 1-75 Before the operation

Figure 1-76 After the operation

: Display the current object on the most bottom level. Select a diagram

(Only one) that needs to change the sequence, and then click this button to
display the diagram selected on the most bottom level of all the diagrams
superposed, and in the plain level, it is the last level. Comparing Figure
1-77 with Figure 1-78, the diagram selected (The polygon diagram object)
was on the second level before, and after the operation, it is on the last
level.

Figure 1-77 Before the operation

57
 Graphics Configuration Software

Figure 1-78 After the operation

: Display the object currently selected to upper layer. Select a diagram

(Only one) that needs to change the sequence, and then click this button to
display the diagram selected to upper layer. Comparing the effects in Figure
1-79 with those in Figure 1-80, the diagram selected (The ellipse diagram
object) was on the third level before, and after the operation, it is on the 2nd
level.

Figure 1-79 Before the operation

Figure 1-80 After the operation

: Display the current object in back. Select a diagram (Only one) that

needs to change the sequence, and then click this button to display the
diagram selected in a following level. Comparing the effects in Figure 1-81
with those in Figure 1-82, the diagram selected (The curve diagram object)

58
 Graphics Configuration Software

was on the 1st level before, and after the operation, it is on the 2nd level.

Figure 1-81 Before the operation

Figure 1-82 After the operation

Note: The buttons for advance display and back display can be
continuously clicked, to reach the effect of displaying on several front
levels or following levels (Before reaching the uppermost or most
bottom levels).

6. Rotation

: Freely rotate for any angle. Select a diagram to rotate, and click this
button, and press the diagram at any position inside the diagram (For line
form object, it only needs to be within the selection box) to rotate for any
angle. After releasing the mouse, the operation is completed, and if to
continue to rotate, click this button again.

: Rotate to the left. Select a diagram to rotate, and click this button, the
diagram will rotate anti-clockwise for 90 degrees, with the effects shown in
Figure 1-83.

59
 Graphics Configuration Software

Figure 1-83 Effect picture of rotation to the left

: Rotate to the right. Select a diagram to rotate, and click this button,
and the diagram will rotate clockwise for 90 degrees.

: Flip horizontal. Select a diagram to flip, and click this button, and the
diagram will flip with the vertical midline of the selection box as the axis, but
its position will not change.

: Flip vertical. Select a diagram to overturn, and click this button, and
the diagram will overturn with the horizontal midline of the selection box as
the axis, but its position will not change.

1.11 PAINT PROPERTY SETTING

By clicking “Tool > Paint property” on the menu bar, “Paint property”
setting interface will pop up as shown in Figure 1-84. You can modify the
default information on correlative picture, diagram object, and simulated tag
(You can also use the shortcut key F4 to pop up this dialogue).

60
 Graphics Configuration Software

Figure 1-84 Windows property setting

Shown as Figure 1-84, in the window property column, you can change the
default color of the diagram object, the window size and the object selection
mean. The default color of the object means if the foreground/background
color is not selected before drawing the diagram, the side-box/text color of
the diagram drawn will be the default color set up in the system. The
background color of the graphics is the color of the background canvas.

Background picture can be inserted from other folder. Shown as Figure

1-85, the background picture should be introduced from the other folder
directory in the background picture column, and then select the placement
means of the background diagram, in the end, the background picture
selected will be valid. Click OK to complete introducing a picture;
otherwise, it will be invalid.

61
 Graphics Configuration Software

Figure 1-85 Setting of background picture

Set grids on the picture, which is convenient for user to have the operations
like matching when drawing a picture. The grid setting is shown as Figure
1-86, and in the grid setting column, fill in various parameters as needed,
and after selecting grids to be valid, click Enter . After completing the

setting of grids, the grids can be displayed or hidden with the button

in the toolbar.

Figure 1-86 Grid setting

Prompt setting means the setting and alteration for various items of
property of the information prompt box, shown as Figure 1-87. Prompt
delay time means when the mouse stays within the area of a diagram

62
 Graphics Configuration Software

object, the time interval of refurbishing the information prompt window.

When the display prompt window is selected, the information window will
be opened, and when not selected, the window will be closed. The
display/hide of the information prompt window can be completed with the
button in the toolbar.

Figure 1-87 Set prompt

Shown as Figure 1-88, in the operation and simulation column, it display

the information of 32 simulated tags provided by the graphics software itself,
and it can be amended by clicking each data twice.

63
 Graphics Configuration Software

Figure 1-88 Run and simulate setting

Step length means the range increased of the tag value within each time
interval of refurbishing the picture, and the refurbishing speed of the picture
means the fastness of the step-length movement. When the speed is
relatively high, the time of the tag value increasing from the lower limit to
the upper limit is relatively short.

1.12 APPLICATION

Sample 1: Draw a buffer tank, shown as Figure 1-89.

Figure 1-89 Disassembly picture of a buffer tank

Buffer tank is comprised of five components: One right-angle rectangle, tow

round corner rectangles pulled into line form and two ellipses, and each
diagram is set up with transition filling whose transition step is 4 in vertical
direction. When assembled together, pay attention of the superposing
relationship between various diagrams. The side frame color is black, and

64
 Graphics Configuration Software

inside is white. When assembling several diagrams, you can fully make use
of the Filling toolbar and the Adjustment toolbar in the bottom of the
interface to have the operations like coloring, matching and equal width, etc,
to reach the relatively good effects. Shown as the above picture, you can
firstly roughly place all the components into the buffer tank shape, and then
select all the components to have the operations of Matching in vertical,
horizontal and central directions .

Sample 2: Draw a smelting & coagulating tank, shown as Figure 1-90.

Figure 1-90 Assembly picture of a smelting & coagulating tank

A smelting & coagulating tank is comprised of seven components: Three

right-angle rectangles, two round corner rectangles pulled into line form and
two polygons, and each diagram is set up with transition filling whose
transition step is 4 in vertical direction. In the picture, two equal-waist
trapeziums can be matched with the grids displayed, to be drawn more
accurately.

Sample 3: Draw a pump, shown as Figure 1-91:

Figure 1-91 Assembly picture of a pump

The pump is comprised of eight components: Four rectangles, three circles

65
 Graphics Configuration Software

pulled from ellipses, and a straight line. The frame color is green, and inside
is black. Use the Aligning in vertical direction and Aligning in central
direction buttons to match two under-pans. Three circles can also be
placed with the Aligning in vertical direction and Aligning in horizontal
direction buttons.

Sample 4: Draw a valve, shown as Figure 1-92:

Figure 1-92 Assembly picture of a valve

A valve is comprised of five components: Two rectangles, one ellipse and

two sectors. Two sectors can be copied, and when drawing, have the
operation of editing terminal point for the sectors, and the angles can be
roughly determined with the grids on the canvas. The sectors and one of
the right-angle rectangles are set up with the gradual color change in
horizontal and vertical direction respectively.

Notes: The operation of editing terminal points for the sectors must
be completed before rotating, and after rotating, the function of
editing terminal point for the diagram object will be invalid.

Sample 5: Draw a cool water tower, shown as Figure 1-93:

66
 Graphics Configuration Software

Figure 1-93 Assembly picture of a cool water tower

A cool water tower is comprised of 14 components: Eight rectangles, four

round corner rectangles, one folded-line diagram and a polygon
(Equal-waist trapezia). When drawing, use the Copy function as many
as possible for the symmetric diagram. When drawing the fold-line diagram,
it does not need to be very accurate, and when superposed, pay attention
to display in a following level (Adjustment toolbar).

Sample 6: Cartoon preparation, shown as the figure.

Figure 1-94 Real-time monitor operating interface

For the drawing method of various components, please refer to the

introduction in Sample 1. The front level on a material supply tank is a
polygon diagram object, and is set up with the Proportional filling
dynamic property, with the filling direction downwards (To display the
reducing process of the material), and note: The maximum value of the tag
of proportional filling should be smaller than the upper limit value (The fluid
level displayed in the polygon is not the bottom of the material supply tank).

67
 Graphics Configuration Software

The material flow under the technique barrel is set up with the dynamic
property of Zoom-in/out and Display/hide , and when the tag
(Assuming to be changed between 0 to 100) is between 0-30m,
Zoom-in/out should be set up, to display the process that the material flow
gradually go downwards, and when it is between 30-90, keep it static, and
when the tag reaches 90, the Proportional filling (The starting tag value
of proportional filling is 30) of the material reception trolley reaches 90%,
and at this moment, the material reception trolley begins to move to the left
in horizontal direction, and the property displayed for the material flow is
Invisible . When the tag value circulates to 0, the dynamic process will be
repeated. In the whole process, the impellers of the pump always keep
rotating (No circle center excursion set up).

Notes: When setting the dynamic property, the simulated tags of

different property can be used as needed (To set by yourself with
Check/Picture property/Simulated position number). Such as the
above picture, the step length of the tag used for rotating the
impellers can be increased, so to make the rotating acceleration big (If
the step length is too big, it will lose the rotating effects). The
Zoom-in/out property tag in the material flow can also properly
increase the step length according to the display effects.

68