JPS63284679A - Connection line display processing method for graphical element connection diagrams - Google Patents

Abstract

PURPOSE:To display easy-to-see connection lines by deciding the layout of connection lines based on position information on all branched symbols connected with branching to a certain unbranched symbol and the position information on the unbranched symbol and also in consideration of the position relation among the branched symbols. CONSTITUTION:All position information on a unbranched symbol 23 and branched symbols 24-30 are inputted and a coordinate line 31 equal to the vertical coordinates of the symbol 23 is supposed as a reference line. Then data is produced to draw a connection line parallel to the reference line 32 between a branch symbol most distant from the symbols 24-30 and a point passed from a branch symbol nearest to the symbols 24-30 by a fixed distance. Then the vertical connection lines are drawn toward the line 31 from each end point of connection lines 32-35. These vertical connection lines end when they cross the horizontal connection lines. Finally a connection line 39 is drawn on the line 31 up to the end point of a vertical connection line 38 set at the most distant position.

Description

[Detailed Description of the Invention] [Summary] The present invention provides a method for editing and displaying a graphical element connection diagram consisting of graphical elements (symbols) and connection lines connecting them, in which there is a branch in the middle of the connection between the symbols. In order to solve the problem where the connecting line becomes complicated or gets in the way of the Haku symbol or the connecting line, all symbols that are branched and connected to the symbol that consists of it (pre-branching symbol) (post-branching symbol). From the position information of the pre-branch symbol and the position information of the pre-branch symbol, the connection line between the pre-branch symbol and each post-branch symbol is determined by considering the positional relationship of each post-branch symbol.
It is placed in an appropriate position so that it can be displayed.

[Industrial application field]

The present invention relates to a connection line display processing method for a graphical element connection diagram,
In particular, by inputting graphic data that includes the type of graphic element (symbol), its position information, and connection information, symbols are automatically placed on the display screen based on the graphic data using 81 computer processing. , relates to a display processing method for connection lines when displaying a graphical element connection diagram such as a state transition diagram.

In the figure editing 1 display system that automatically edits and displays the figure element connection diagram, the amount of data of the position information for each connection line of the figure element connection diagram is large, so in the case of a small-scale system, the position information is memorized. The positional information of connecting lines is automatically generated from the positional relationship between each symbol without being stored in the device, and is displayed. When displaying the connection line, if the connection line branches from a symbol to two or more other symbols (in this specification, the former is the pre-branch symbol,
The latter is called a post-branch symbol. ), it is necessary to determine and display the connection lines in an easy-to-see manner and in a way that allows many symbols to be placed.

[Conventional technology]

FIG. 8 is a block diagram of an example of the conventional method, and FIG. 9 is a flowchart for explaining the operation of the conventional method. In FIG. 8, the first symbol data among the graphic data 1 having symbol type 2 position information and connection information is stored in the next symbol extraction unit 2.
While being stored in the previous symbol storage section 3 through the above, it is supplied to the symbol display section 4 and the connection line display section 5, respectively. This first symbol data is supplied through the symbol display section 4 to the output device 6, where the symbol is displayed. Examples of the output device 6 include a display and a printer.

The symbol of the second symbol data of the graphic data 1 is displayed by the output device 6 in the same manner as described above. The connection line display section 5 also displays the second symbol data from the next symbol extraction section 2 and the first symbol data read out one symbol before the currently read symbol from the previous symbol storage section 3. A connecting line between both symbols is calculated based on the , and is displayed on the output device 6. )
, the same operation as above is repeated.

Here, the connection line display section 5 determines the connection line according to the flowchart shown in FIG. In the figure, the variable i is first set to "1" (step S1), and then the vertex coordinates (X, yl) of the symbol data from the next symbol extraction unit 2 are set.
and the vertex coordinates (X□, V□) of the symbol data from the previous symbol storage unit 3,
The first line segment connecting (x, - (W/2), VO), (
x, −(W/2>, VO) and (×・−(W/2), yH
) and connect! A tangent line consisting of the second line segment and the third line segment connecting (x.-(W/2>, yH) and (X, yi) is calculated (step S2).

Here, the output device 6 has a total display area of 4 widths W and a height H.
is divided into a large number of rectangular sections (mesh) in a matrix, and each of the above symbols is placed at the center of each predetermined section, so the above second line segment is the boundary between two adjacent meshes. This will be the vertical line at the top.

Next, the value of variable i is increased by "1" (step S3
), it is determined whether the value of the variable i has become larger than the value of the number of symbols after branching n (step S4), and
The processing operations of steps 82 to S4 described in section 2 are repeated until the value of becomes large.

As a result, according to the conventional method, by displaying the connection lines calculated and determined by the process of step S2 above, graphical element connection diagrams such as those shown in FIGS. 6(A) and 7(A) can be created. It was displayed. Here, in FIGS. 6 and 7,
8 and 14 are pre-branch symbols, 9 to 12, and 15 to 17 are post-branch symbols. In the conventional method, the connection line is as shown in Figure 6 (
In A), connection lines are displayed standing up right next to each of the post-branch symbols 10 to 12, and in FIG. 7(A), connection lines are displayed standing up right next to the symbol 14 before branching be done.

[Problem that the invention seeks to solve]

However, in the conventional display method, the positional relationship between each branched symbol was not taken into consideration when determining the protrusion of the connecting line, so in the case of Figure 6 (A), the connecting line became complicated. It is difficult to see, and if symbols 13, 18, and 19 shown with broken lines in Figure 6 (A> and Figure 7 (A)) are also displayed, the connecting lines will intersect, and the It had problems such as a small number of symbols that could be placed.

The present invention was created in view of the above points, and an object of the present invention is to provide a connection line display processing method for a graphic element connection diagram that can display connection lines that are easy to see.

[Means for solving problems]

FIG. 1 shows a basic configuration diagram of the present invention. In the figure, the same components as in FIG. 8 are given the same reference numerals.

In FIG. 1, in the present invention, a next symbol storage section 20,
It includes a previous symbol storage section 3 and a connection line display section 21.

Graphic data 1 having symbol types, position information, and connection information, which are graphic elements, are sequentially extracted by the next symbol extracting section 2 and passed through the symbol display section 4 to the output device 6.
In the connection line display processing method for a graphical element connection diagram in which the connection lines between the displayed symbols are excluded and displayed based on the graphic data 1, the next symbol storage unit 20
When branching a connecting line from a first symbol and connecting it to each of two or more second symbols, stores the position information of all the second symbols, and the previous symbol storage unit 3 stores the position information of the first symbol. Store position coordinates.

The connection line display unit 21 sets a boolean in which the position coordinates of the second symbols are classified in order of magnitude according to the vertical and horizontal coordinates, and displays all the devices of the second symbols based on this table and the position coordinates of the first symbol. Generate connection line display data that displays connection lines that take relationships into consideration.

[Effect]

The connection line display section 21 sets the table from the position coordinates of all the second symbols (post-branch symbols) from the next symbol storage section 2o. Now, let the first symbol (pre-branch symbol) be the symbol shown by the broken line 23 in FIG.
Assuming that the second symbols are indicated by 24 to 30 in FIG. Assuming that the reference line 31 has a coordinate equal to the ordinate of the first symbol 23 (strictly speaking, the coordinate of the boundary between the mesh where the first symbol is located and the mesh immediately below it), this reference line 31 from the table Data is generated in which a connecting line parallel to the second symbols 24 to 30 is drawn from the farthest second symbol to a point a certain distance further toward the first symbol 23 than the nearest second symbol. This constant distance is 1it, which is 1/2 the distance between the centers of the two symbols closest to each other in the horizontal direction (distance #, which is 1/2 the width W of the mesh)
). As a result, connection lines shown at 32 to 35 in FIG. 2(B) are drawn.

Next, the connection line display section 21 draws a vertical connection line from each end point of the four horizontal connection lines 32 to 35 toward the reference line 31, and in the middle, draws another six horizontal connection lines. If it intersects with a point, data for a vertical connection line is generated that stops the connection point there. Furthermore, if the horizontal connection line coincides with the reference line 31, no vertical connection line is drawn. This allows the second
In Figure (C), three vertical connection lines 36 to 38 are drawn corresponding to four horizontal connection lines 32 to 35.

Next, the connection line display unit 21 generates data for drawing a horizontal connection line on the reference line 31 from the first symbol 23 to the end point of the vertical connection line 38 located at the farthest position.

As a result, a horizontal connecting line shown at 39 in FIG. 2(D) is drawn, and the process of displaying the connecting line is completed.

In this way, according to the present invention, connection line display processing can be performed that takes into account all the positional relationships of the second symbols.

(Example) Next, regarding an example of the display processing operation by the connection line display section 21, a flowchart shown in FIG. 3, a symbol display before connection line display shown in FIG. 4, and a connection line display shown in FIG. 5 are shown. This will be explained with a diagram showing the overculm.

In FIG. 3, first, the ordinate V1 of each symbol being displayed. V2, . . . , yo are classified and set to -1-pull (step 51o). In addition, the ordinate (y coordinate)
The maximum value among y1 to yo is YIllax.

Let the minimum value be YIIlio.

Now, among the symbols displayed above,
A symbol corresponding to the first symbol (pre-branch symbol) is indicated by 40 in FIG. 4, and symbols corresponding to the second symbol (post-branch symbol) are indicated by 41 to 45, respectively. In addition, these symbols 40 to 45 and other symbols all occupy the entire display area with 4 widths W and a height of 1
As described above, the display processing is performed so that the images are arranged in a predetermined mesh divided into a matrix by a large number of rectangular meshes (indicated by broken lines in FIG. 4).

Next, the connection line display section 21 changes the value of the variable Y to the minimum value Y
After starting (step 511 in FIG. 3) 1n, the largest candy on the abscissa (x coordinate) among the 1, 2 or more symbols on the same ordinate (i.e., the pre-branch symbol 4)
X coordinate value of the symbol farthest from 0) x 1
The minimum value is set to Xm1n for all 1lax branched symbols 41 to 46 and set in the table (step 512 in FIG. 3).

As a result, the following table will be set for each symbol shown in FIG.

Next, point (X, Y)) and point (xlIlio-ma
A line segment connecting x (w/2), Y) is drawn as a horizontal connection line (horizontal connection line) (step 513 in FIG. 3). Here, initially, the ordinate Y is determined by step S11 as Y゛・
From the above daple, YIIlio is 1n V 2H (-V6), and Xmax is x6
．． Since Xm1o43x6, the vertex of symbol 46 after branching (x6.yo-2
H) to the point (x e (w/2).

A horizontal connection line is drawn in the direction of the pre-branch symbol 40 up to Vo-(H/2>).

Next, in step 814 of FIG. 3, the value of the variable Y is changed to a value added by the height H of the mesh, and then in step S15, the changed value Y is changed to the maximum value YIIl.
It is determined whether or not Y has become larger than Ymax, and the above steps S12゜S S and S are continued until Y becomes larger than Ymax.
1 is repeated.

13・14 This gives the ordinate y. -H(=y1=”:2), since Xll1ax-×2.X□in-×1, the point (x
, y = I-1) and the point (xl (W/2)
.

Line segment connecting V6-H), ordinate y. (=y3) then X
Since −X ・ −X, the point (×3゜max
The line segment connecting man 3 VO) and the point (x3- (W/2 > , V6), ordinate Vo +H (-V4 = V5)
So xII18x-x5. Since Xll1io−×4, the point (×5°V□+H) and the point (x4− (, W/2)
, V□ +1-1) is shown in Figure 5 (A) as 8
Horizontal connecting lines are drawn sequentially as shown by 2, a3, and a4. The above processing of step Sio""" S15 corresponds to the first processing operation described in conjunction with FIG. 2(B).

Next, the connection line display section 21 shows that the value of the variable Y on the ordinate is Y
When the value exceeds max, the value of YIIIllo is set again to max (step 516 in FIG. 3), and X1 at the ordinate Y is
Compare each minimum value Xll1io between in and the ordinate Y-y(,, and if there is one smaller than xlIlio at Y, set its ordinate to YB; if not, set the pre-branch symbol 40
The ordinate of y. Let be Y (step 517). After that, the point (Xmin - (W/2)).

m1 connecting Y) and point (× ・ -(W/2), YB)
n line segments are drawn as vertical connection lines (vertical connection lines) (step 518 in FIG. 3). Then, after adding the value of the variable Y, the value of Y is determined to be larger or smaller than the maximum value of the ordinate, and the above step S is repeated until it exceeds max.
17 to S2o are repeated.

This gives the ordinate y. -2H becomes YB-V□-11, so the line segment connecting the point <x6- (W/2), yo-2H) and the point (x6- (W/2>, yo-H) is vertical At the coordinate y.-H, Y B = yo, so the point (xl
(W/2), yo II) and point (xl (W
/2>, Vo) and the ordinate is y. At +11, YB""O, so the point (x4- (W/2), y
The line segments connecting the point (x4-(W/2), VO) and the point (x4-(W/2), VO) are shown in Figure 5 (old version, b2) as vertical connecting lines.
．． They are drawn sequentially in the order indicated by b3. In addition. In this processing operation, no vertical connecting line is drawn since YB=V6 at the ordinate y. The processing operations of steps 816 to S20 correspond to the second processing operation described with reference to FIG. 2(C).

Next, the connection line display unit 21 sets the maximum value among the minimum values Xm1n at each ordinate in the table as
X (Xmin-max - (W/2), yO) and the point (xo.

yo) is drawn as a horizontal connecting line (step 522). Therefore, as seen from the table above,
Xmin-max-X4 =X6, and the point (x
-(W/2), V□) and the point (x□, y□) are drawn as shown by CI and C2 in FIG. 5(C). The processing in steps S21 and 822 corresponds to the processing operation in FIG. 3 described in conjunction with FIG. 2 (one). In this way, the process of displaying the branch connection line is completed.

According to this embodiment, the connection lines that are displayed as shown in FIG. 6(A) in the conventional method No. 1 can be displayed in an easy-to-understand manner as shown in FIG. 6(B), and the connection lines shown in FIG. The connecting lines displayed as shown in A) can be displayed as shown in Figure 7 (B), and each symbol can be arranged so that the connecting lines do not intersect on the platform where symbols 13°, 18, and 19 are located. Can be done.

Note that it is possible to change the order of the first to third processing operations.

〔Effect of the invention〕

As described above, according to the present invention, it is possible to display a connecting line in consideration of all the positional relationships of the second symbol, which is a post-branch symbol. In addition, the number of symbols that can be arranged without crossing connecting lines can be increased compared to the conventional method, and therefore, the entire graphical element connection diagram can be summarized into 1 ~.

[Brief Description of the Drawings] Fig. 1 is a diagram showing the principle configuration of the present invention, Fig. 2 is an explanatory diagram of the connection line display process according to the present invention, Fig. 3 is a flowchart for explaining the operation of an embodiment of the present invention, Fig. 4 The figure shows an example of the symbol arrangement before connecting lines are displayed. Figure 5 shows an example of the connecting line display process according to the present invention. Figures 6 and 7 show the conventional method and the present invention method, respectively. FIG. 8 is a configuration diagram of an example of the conventional method, and FIG. 9 is a diagram for explaining the operation of the conventional method. In the figure, 1 is graphic data, 2 is a next symbol extraction section, 3 is a previous symbol storage section, 4 is a symbol display section, 6 is an output device, 20 is a next symbol storage section, 21 is a connection section display section, 23. 40 is the first symbol (pre-branch symbol) 24~
30. 41 to 46 are second symbols (post-branch symbols)
, 31 is a reference line.

Claims (1)

[Claims] Graphical data (1) having the type of symbol, which is a graphical element, position information, and connection information is transferred to the next symbol extracting unit (2).
The output device (6) is sequentially taken out by
In a connection line display processing method for a graphical element connection diagram that calculates and displays the connection line between each symbol displayed based on the graphic data (1), the connection line is branched from the first symbol and two or more When connecting to each of the second symbols, a next symbol storage section (20) that stores position information of all the second symbols, and a previous symbol storage section (3) that stores position information of the first symbol. Then, a table is set in which all the position information of the second symbol from the next symbol storage unit (20) is classified in order of size according to the ordinate and abscissa, and the table and the position information of the first symbol are and a connection line display unit (21) that generates connection line display data that displays connection lines in consideration of the positional relationships of all the second symbols based on the output device (6) and displays the connection line display data on the output device (6). Features a connection line display processing method for graphical element connection diagrams.