JPH04195467A - Tree structure chart display system - Google Patents

Tree structure chart display system

Info

Publication number
JPH04195467A
JPH04195467A JP2323066A JP32306690A JPH04195467A JP H04195467 A JPH04195467 A JP H04195467A JP 2323066 A JP2323066 A JP 2323066A JP 32306690 A JP32306690 A JP 32306690A JP H04195467 A JPH04195467 A JP H04195467A
Authority
JP
Japan
Prior art keywords
tree structure
structure diagram
node
window
display
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
JP2323066A
Other languages
Japanese (ja)
Inventor
Naomi Deguchi
出口 直実
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Fujifilm Business Innovation Corp
Original Assignee
Fuji Xerox Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Fuji Xerox Co Ltd filed Critical Fuji Xerox Co Ltd
Priority to JP2323066A priority Critical patent/JPH04195467A/en
Publication of JPH04195467A publication Critical patent/JPH04195467A/en
Pending legal-status Critical Current

Links

Abstract

PURPOSE:To display a tree structure chart based upon the depth of an indicated node or level as a starting point by indicating the depth of the node or level from an indicating means. CONSTITUTION:A tree structure chart display means 1 converts input data from a data input means 2 into graphic data, which are displayed in a window 5. Node/chain relation data generated and edited by a tree structure generating and editing means 3 according to tree structure data from the data input means 2 are stored and held in a storage means 4 as a registration means. The indicating means 6 indicates the depth of the node or layer of the generated tree structure chart and the partial tree structure chart based upon the depth of the indicated node or level as the starting point is displayed in the window 5. Consequently, a desired tree structure chart constituting a tree structure chart is optionally specified and displayed.

Description

【発明の詳細な説明】 〔産業上の利用分野〕 本発明は、階層構造をなすシステム計画やその設計、デ
ータ構造の記述等における木構造を図示するための木構
造図表示方式に関する。
DETAILED DESCRIPTION OF THE INVENTION [Field of Industrial Application] The present invention relates to a tree structure diagram display method for illustrating a tree structure in a hierarchical system plan, its design, data structure description, etc.

〔従来の技術〕[Conventional technology]

階層構造をなすシステムの計画やその設計を行なう際に
、所謂木構造図が利用される。
A so-called tree structure diagram is used when planning and designing a hierarchical system.

木構造図は、モジュールの構成の記述や、データ構造の
記述に適していることから、特にソフトウェアの設計段
階において広く用いられている。
Tree structure diagrams are suitable for describing module configurations and data structures, and are therefore widely used, especially at the software design stage.

機械図面等においては、その総組織図、部分組み図、部
品図の階層構造の表現に木構造図を用いることにより、
図面の作成および部品の構成をより明確に表現しようと
する試みがなされてきた。
In mechanical drawings, etc., tree structure diagrams are used to represent the hierarchical structure of overall organization charts, subassembly diagrams, and parts diagrams.
Attempts have been made to more clearly represent the construction of drawings and the construction of parts.

従来、この種の木構造図は、手書き、あるいはテンプレ
ートを用いたなぞり書きで作成していたが、近年はコン
ピュータの発達により、表示手段のウィンドウ上で作成
表示する木構造図表示システムが開発された。
Traditionally, this type of tree structure diagram was created by hand or by tracing using a template, but with the development of computers in recent years, tree structure diagram display systems have been developed that create and display them on the window of the display means. Ta.

第11図はある機械装置のモジュール構成を示し、メイ
ンフレームが3つのサブフレーム1,2゜3からなり、
サブフレーム2が更に3つのサブフレーム21,22.
23から構成れた装置のモジュール構成をテンプレート
を用いて作図したものである。
Figure 11 shows the module configuration of a certain mechanical device, where the main frame consists of three subframes 1, 2°3,
Subframe 2 further includes three subframes 21, 22 .
The module configuration of the device consisting of 23 components is drawn using a template.

第12図は図面用木構造図作成編集システムからプリン
ターに出力されたある装置の部品構成リストのプリント
アウトの説明図で、第13図は第12図のプリントアウ
トに基づいてテンプレートを用いて作成した木構造図で
ある。
Figure 12 is an explanatory diagram of a printout of a parts configuration list of a certain device outputted to a printer from the drawing tree structure diagram creation/editing system, and Figure 13 is created using a template based on the printout in Figure 12. This is a tree structure diagram.

第12図に示したように、部品番号と部品名称からなる
テキストイメージに階層関係を示すレベル番号(1,2
,3,4)を付加したり、このレベル番号の表示位置の
カラムを桁下がりで表示していた。
As shown in Figure 12, level numbers (1, 2,
, 3, 4), or the column at which this level number is displayed is displayed in descending digits.

第11図や第13図に示したテンプレートによる木構造
表示では、設計変更の度にケシゴム等で図の消して書き
直す必要があり、手数がかかるものであった。
In displaying the tree structure using the templates shown in FIGS. 11 and 13, each time the design is changed, it is necessary to erase the diagram with poppy rubber or the like and redraw it, which is time-consuming.

近年のコンピュータの表示装置、出力装置のグラフィッ
ク機能は目ざましく、グラフィックイメージの表示とそ
のプリントアウトを可能とした木構造図表示システムが
出現してきた。
In recent years, the graphic functions of computer display devices and output devices have been remarkable, and a tree structure diagram display system that allows displaying graphic images and printing them out has appeared.

この種の木構造図表示システムにおいては、木構造図は
抽象化され、第14図に示したようなモデルで表現され
ている。
In this type of tree structure diagram display system, the tree structure diagram is abstracted and expressed as a model as shown in FIG.

第14図において、最上位の階層■から次の階層■に行
く線をエツジ(または、枝)、階層から分岐する分岐点
の階層■をノード(または、リーフ)と呼ぶ。また、最
上位の階層■をルートと呼ぶ。
In FIG. 14, a line going from the highest level ■ to the next layer ■ is called an edge (or branch), and a layer ■ at a branch point branching from the hierarchy is called a node (or leaf). Furthermore, the highest layer ■ is called the root.

このようなコンピュータによる木構造図表示システムに
いては、第15図に示したように、表示装置のウィンド
ウの左端中央を起点として、すなわちルートを起点とし
て表示を行なうのが殆どであった。
In most of these computer-based tree structure diagram display systems, the display is performed starting from the center of the left end of the window of the display device, that is, from the root, as shown in FIG.

第15図の表示例では、左端中央を起点とし、木構造が
ウィンドウの上部とウィンドウの下部とがバランスよく
、かつ同じ階層のノードが揃った表示とされているため
、ユーザインターフェースとしては、美しい表示と言え
る。
In the display example shown in Figure 15, the tree structure starts from the center of the left edge, and the upper part of the window and the lower part of the window are displayed in a well-balanced manner, and the nodes of the same hierarchy are aligned, so the user interface is beautiful. It can be said to be a display.

また、この表示方式は、表示速度や木構造の再編集速度
のレスポンス、CPUのメモリ等を含めたコンピュータ
資源に負担を掛けない程度の小さな木構造図の表示にと
っては最良の表示方式とも言うことができる。
In addition, this display method can be said to be the best display method for displaying small tree structure diagrams that does not place a burden on computer resources, including display speed, tree structure re-editing speed, and CPU memory. I can do it.

なお、この種の従来技術を開示したものとしては、例え
ば特開昭63−25721号公報が知られている。
Note that, for example, Japanese Patent Laid-Open No. 63-25721 is known as disclosing this type of prior art.

[発明が解決しようとする課題] しかし、上記の例のように、ノードの数が少なければ問
題がないが、ノードの数が数十とか、数百、あるいはそ
れ以上の木構造となると、作成した木構造をトレースし
て前記第15図に示したような表示を行なうには、多大
な処理時間と大容量のメモリを特徴とする 特に、その処理時間は、第16図に示したように、ノー
ドの数の増加に対して指数関数的に増加していく。
[Problem to be solved by the invention] However, as in the example above, there is no problem if the number of nodes is small, but when the number of nodes becomes tens, hundreds, or more, it becomes difficult to create a tree structure. Tracing the tree structure and displaying it as shown in FIG. 15 requires a lot of processing time and a large amount of memory. , increases exponentially as the number of nodes increases.

このため、会話形式のシステムでは、良好なレスポンス
で木構造図を扱うことが困難となるという問題があった
For this reason, in conversational systems, there is a problem in that it is difficult to handle tree structure diagrams with good response.

上記のレスポンスが問題となるような木構造図の表示に
おいては、次のような問題点を挙げることができる。
When displaying a tree structure diagram in which the above-mentioned response becomes a problem, the following problems can be raised.

まず第1に、あるノードのウィンドウ上の位置を決定し
ようとするときに、第15図に示したような木構造図表
示方式では、当該ノードが他の全てのノードの数と位置
に影響され、局所的にその位置を決定することはできな
い。
First of all, when trying to determine the position of a certain node on the window, in the tree structure diagram display method shown in Figure 15, the node in question is influenced by the number and position of all other nodes. , its position cannot be determined locally.

第15図の木構造図においては、例えばルートノード(
]、、 M 100001 )の位置は、該ルートノー
ド(IMlooOOI)から木構造図の最上部のエツジ
をノード(1,MOOOO2)→ノード(ISOOOO
I)に辿り着き、また該ルートノード(1,Mlooo
ol)から木構造図の最下部のエツジをノード(2M1
00003)→ノード(23100004)→ノード(
IP100OO3)に辿り着いて、初めて決定できる。
In the tree structure diagram in Figure 15, for example, the root node (
.
I), and the root node (1, Mlooo
ol) to the bottom edge of the tree structure diagram from the node (2M1
00003) → Node (23100004) → Node (
IP100OO3) can be determined only after arriving at IP100OO3).

このように、ノードのウィンドウ上の位置を決定するロ
ジックは極めて複雑となり、CPUの処理時間を多く費
やすことになる。
Thus, the logic for determining the position of a node on the window becomes extremely complex and consumes a lot of CPU processing time.

また、大きな木構造図は表示装置のスクリーンのサイズ
に物理的に制約され、木構造全体をウィンドウに表示す
ることは不可能になってくる。
Furthermore, a large tree structure diagram is physically limited by the screen size of the display device, making it impossible to display the entire tree structure in a window.

そのため、多くの木構造図表示システムでは、仮想ウィ
ンドウ機能がサポートされており、大きな木構造図を広
大な仮想ウィンドウに表示させておき、これを実ウィン
ドウを通して覗くようにしている。
For this reason, many tree structure diagram display systems support a virtual window function, in which a large tree structure diagram is displayed in a vast virtual window, which can be viewed through a real window.

第17図は上記の説明を行なうために、1つのノードを
実ウィンドウに対してかなり大きく表示するものとして
仮想ウィンドウに作成された木構造図を実ウィンドウか
ら覗いている状態を概念的に表現したものである。
In order to explain the above, Figure 17 is a conceptual representation of a tree structure diagram created in a virtual window viewed from a real window, with one node displayed considerably larger than the real window. It is something.

第2の問題点は、上記第17図に示したように、一般の
仮想ウィンドウ機能がサポートされたウィンドウシステ
ムのように、表示スクリーンの左端上部を起点として表
示すると、ルートノード(IMlooL)が実ウィンド
ウに表示される保証がなく、最悪の場合には、第18図
に示したように、実ウィンドウには何も表示されない事
態が起こり得る。
The second problem is that, as shown in Figure 17 above, when displaying from the top left end of the display screen as in a window system that supports general virtual window functions, the root node (IMlooL) is not executed. There is no guarantee that it will be displayed in the window, and in the worst case, as shown in FIG. 18, a situation may occur in which nothing is displayed in the real window.

このような事態を回避するためには、ルートノードの表
示位置を求め、ルートノードが実ウィンドウの左端の中
央にくるようなスクロールを施す必要がある。
In order to avoid such a situation, it is necessary to find the display position of the root node and perform scrolling so that the root node is centered at the left end of the actual window.

しかし、このスクロール処理は、大きな仮想ウィンドウ
では多大なメモリ領域のスワップを引き起こし、CPU
にも大きな負担を強いることになる。
However, this scrolling process causes a large amount of memory space swapping in large virtual windows, and the CPU
It will also impose a heavy burden on them.

第3の問題点は、第17図に示した例のものよりさらに
大きく、仮想ウィンドウの大きさをも越えるようなノー
ド数の木構造図については、第18図で説明したような
スクロール処理をいくら施しても実ウィンドウの中にル
ートノードを見つけることが出来ないという場合も生じ
る。
The third problem is that for a tree structure diagram with a number of nodes that is even larger than the example shown in FIG. 17, and whose number of nodes exceeds the size of the virtual window, scroll processing as explained in FIG. There may be cases where the root node cannot be found in the actual window no matter how much you try.

最悪のケースでは、木構造図をも実ウィンドウの中に見
つけることが出来ないという事態も発生し得る。
In the worst case, a situation may occur in which even the tree structure diagram cannot be found in the real window.

本発明の目的は、上記従来技術の諸問題を解決し、従来
の木構造図表示システムでは取り扱うことの出来ない巨
大な木構造図の所望の部分を容易に表示可能とした木構
造図表示方式を提供することにある。
An object of the present invention is to solve the problems of the above-mentioned conventional techniques, and to provide a tree structure diagram display method that can easily display a desired part of a huge tree structure diagram that cannot be handled by conventional tree structure diagram display systems. Our goal is to provide the following.

[課題を解決するための手段] 上記目的を達成するために、本発明は、木構造図を構成
する項目のデータを入力するためのデータ入力手段(第
1図の2)と、前記データ入力手段から入力されたデー
タに基づいてその木構造を作成編集する木構造図作成編
集手段(第1図の3)と、 前記木構造図作成編集手段により作成された木構造図の
ノードとそれらの連鎖関係を登録するための記憶手段(
第1図の4)と、 前記記憶手段に記憶保持されたノード/連鎖関係データ
を木構造図として表示する木構造図表示手段(第1図の
1)と、 木構造図のノードまたは階層の深さを指示する指示手段
(第1図の6)とから構成され、前記指示手段で指示さ
れたノードまたは階層の深さを起点として部分木構造図
の表示を可能としたことを特徴とする木構造図表示方式
[Means for Solving the Problem] In order to achieve the above object, the present invention provides a data input means (2 in FIG. 1) for inputting data of items constituting a tree structure diagram, and a data input means for inputting data of items constituting a tree structure diagram. a tree structure diagram creation/editing means (3 in Figure 1) that creates and edits the tree structure based on data input from the means; and nodes of the tree structure diagram created by the tree structure diagram creation/editing means and their nodes. Storage means for registering chain relationships (
4) in FIG. 1; a tree structure diagram display means (1 in FIG. 1) for displaying the node/chain relationship data stored in the storage means as a tree structure diagram; The present invention is characterized in that it is comprised of an instruction means (6 in FIG. 1) for instructing the depth, and is capable of displaying a subtree structure diagram starting from the depth of the node or hierarchy specified by the instruction means. Tree structure diagram display method.

[作用] 木構造図作成編集手段(第1図の3)は、ノードテーブ
ル(第1図の3〜1)を備え、このノードテーブル上で
木構造のノードデータを配列する。
[Operation] The tree structure diagram creation/editing means (3 in FIG. 1) is provided with a node table (3 to 1 in FIG. 1), and arranges tree structure node data on this node table.

記憶手段(第1図の4)は、木構造図作成編集手段(第
1図の3)で作成されたノード/連鎖関係を登録し、こ
れを記憶保持する。
The storage means (4 in FIG. 1) registers the node/chain relationships created by the tree structure diagram creation/editing means (3 in FIG. 1) and stores and holds them.

木構造図表示手段(第1図の1)は、記憶手段に記憶保
持されたノード/連鎖関係データを木構造図としてウィ
ンドウ(第1図の5)上に表示する。
The tree structure diagram display means (1 in FIG. 1) displays the node/chain relationship data stored in the storage means as a tree structure diagram on the window (5 in FIG. 1).

指示手段(第1図の6)は、木構造図表示手段(第1図
の1)によりウィンドウ上に表示された木構造図のノー
ドまたはその階層の深さを指示する。
The indicating means (6 in FIG. 1) indicates the depth of the node or hierarchy of the tree structure diagram displayed on the window by the tree structure diagram display means (1 in FIG. 1).

これにより、指示手段(第1図の6)からノードまたは
階層の深さを指示することによって、指示したノードま
たは階層の深さを起点とした木構造図を表示させること
ができる。
Thereby, by specifying the depth of a node or hierarchy from the instruction means (6 in FIG. 1), a tree structure diagram starting from the specified node or depth of the hierarchy can be displayed.

[実施例] 以下、本発明の実施例につき、図面を参照して詳細に説
明する。
[Example] Hereinafter, examples of the present invention will be described in detail with reference to the drawings.

第1図は本発明による木構造図表示方式の第1実施例の
構成を示すブロック図であって、1は木構造図表示手段
、2は木構造図を構成するデータを入力するデータ入力
手段、3はデータ入力手段から入力されたデータに基づ
いて木構造図を作成編集する木構造図作成編集手段、3
−1はノードテーブル、4は木構造図作成編集手段で作
成された木構造図を構成するノードとそれらの連鎖関係
を登録する記憶手段、5はウィンドウ、6は木構造図上
のノードを指示する指示手段、7は木構造図をプリント
アウトするためのグラフィックプリンタである。
FIG. 1 is a block diagram showing the configuration of a first embodiment of the tree structure diagram display method according to the present invention, in which 1 is a tree structure diagram display means, and 2 is a data input means for inputting data constituting the tree structure diagram. , 3 is a tree structure diagram creation/editing means for creating and editing a tree structure diagram based on data input from the data input means;
-1 is a node table, 4 is a storage means for registering the nodes constituting the tree structure diagram created by the tree structure diagram creation/editing means and their chain relationships, 5 is a window, and 6 is an indication of a node on the tree structure diagram. The instruction means 7 is a graphic printer for printing out the tree structure diagram.

同図において、データ入力手段2から入力された木構造
図を構成するノードとそれらの連鎖関係を示すデータに
基づいて、木構造図作成編集手段3において木構造図が
作成される。
In the same figure, a tree structure diagram is created in a tree structure diagram creation/editing means 3 based on data input from a data input means 2 and indicating the nodes constituting the tree structure diagram and their chain relationships.

木構造図表示手段1は、データ入力手段2からの入力デ
ータをグラフィックデータに変換し、ウィンドウ5上に
表示する。
The tree structure diagram display means 1 converts the input data from the data input means 2 into graphic data and displays it on the window 5.

一方、データ入力手段2からの木構造データに基づいて
木構造作成編集手段3で作成編集作成されたノード/連
鎖関係データは、登録手段である記憶手段4に記憶保持
される。
On the other hand, the node/chain relation data created/edited by the tree structure creation/editing means 3 based on the tree structure data from the data input means 2 is stored and held in the storage means 4, which is a registration means.

指示手段6は、作成された木構造図のノードまたはその
階層の深さを指示するもので、指示されたノードまたは
階層の深さを起点とする部分木構造図がウィンドウ5上
に表示される。
The instruction means 6 indicates the depth of the node or hierarchy of the created tree structure diagram, and a partial tree structure diagram starting from the designated node or depth of the hierarchy is displayed on the window 5. .

なお、グラフィックプリンタ8は、ウィンドウ5に表示
された木構造図をプリントアウトするためのものである
Note that the graphic printer 8 is used to print out the tree structure diagram displayed in the window 5.

第2図は本実施例においてウィンドウ5上に表示された
木構造図の一例の説明図であって、20は木構造図表示
ウィンドウ、21は階層の全体レベル選択ボタン、22
は同じく部分レベル選択ボタン、23はレベル変更ボタ
ン、24.25はスクロールバー、26,27.28.
29はそれぞれ1階層、2階層、3階層54階層のノー
ド表示である。
FIG. 2 is an explanatory diagram of an example of a tree structure diagram displayed on the window 5 in this embodiment, in which 20 is a tree structure diagram display window, 21 is a whole level selection button of the hierarchy, and 22
is also a partial level selection button, 23 is a level change button, 24.25 is a scroll bar, 26, 27.28.
29 is a node display of 1st layer, 2nd layer, 3rd layer, and 54 layers, respectively.

本実施例では、第2図に示したように、第1図のウィン
ドウ5上の上部左端を起点として木構造図を表示する。
In this embodiment, as shown in FIG. 2, a tree structure diagram is displayed starting from the upper left end of the window 5 in FIG. 1.

すなわち、ルートノート’(IMlooOOl、)の仮
想ウィンドウにおける位置は、常にウィンドウ上の上部
左端に固定された座標をとる。
That is, the position of the root note' (IMlooOOl,) in the virtual window always takes the coordinates fixed to the upper left edge of the window.

第3図は本実施例における木構造図作成編集手段のノー
ドテーブル3−1の説明図であって、ノードID、デー
タID、ノード名、ウィンドウ上のノーどの左端と右端
を示すためのX、Y座標とから構成される。
FIG. 3 is an explanatory diagram of the node table 3-1 of the tree structure diagram creation/editing means in this embodiment. It consists of the Y coordinate.

このノードテーブル3−1に対して、第4図に示した手
順に従ってデータがセットされる。
Data is set to this node table 3-1 according to the procedure shown in FIG.

第4図はノードテーブルへのデータセット動作を説明す
るフローチャートであって、このデータセントプログラ
ムがスタートすると、まずノードテーブル3−1を初期
化する(ステップ1、以下S−1のように記す)。
FIG. 4 is a flowchart explaining the operation of setting data to the node table. When this data center program starts, the node table 3-1 is first initialized (step 1, hereinafter referred to as S-1). .

次に、記憶手段4からウィンドウ上に木構造図を表示す
るためのウィンドウ資源を確保する(S−2)。
Next, window resources for displaying the tree structure diagram on the window are secured from the storage means 4 (S-2).

ウィンドウ資源が確保できると(S−3)、スタートノ
ード(ルートノード)のノードIDに1をセットする(
S−4)。
When window resources are secured (S-3), set the node ID of the start node (root node) to 1 (
S-4).

このIDのノードに関する木構造データを記憶手段4か
ら得て(S−5)、ノードテーブルを作成する(S−6
)。
Tree structure data regarding the node with this ID is obtained from the storage means 4 (S-5), and a node table is created (S-6).
).

そして、その後座標の初期値をXX=O,YY=0にセ
ットしく5−7)、木構造表示処理(S−8に行く。
Then, the initial values of the coordinates are set to XX=O, YY=0 (5-7), and the process goes to tree structure display processing (S-8).

(S−8)で処理された木構造図は、木構造図表示手段
1によってウィンドウ5上に表示される。
The tree structure diagram processed in (S-8) is displayed on the window 5 by the tree structure diagram display means 1.

第5図は第4図における木構造図表示処理ステップ(S
−8)の詳細な処理を説明するフローチャートである。
Figure 5 shows the tree structure diagram display processing step (S) in Figure 4.
8) is a flowchart illustrating detailed processing of step -8).

第5図において、まず、第3図のノードテーブルにおけ
るスタートノードのIDの示すテーブルを処理し、左上
の座標XにXX、座標YにYYをそれぞれセットし、右
下の座標Xに(XX+100)、座標Yに(YY+10
0)をそれぞれセントする(S−11)。
In FIG. 5, first, process the table showing the ID of the start node in the node table in FIG. , at the coordinate Y (YY+10
0) respectively (S-11).

(S−11)で処理したスタートノードを表示装置のウ
ィンドウに表示する(S−12)。
The start node processed in (S-11) is displayed on the window of the display device (S-12).

次に、XX=XX+120としてX座標をオフセントし
、YY=YY+15としてY座標をオフセットする(S
−13)。
Next, offset the X coordinate by setting XX=XX+120, and offset the Y coordinate by setting YY=YY+15 (S
-13).

次の階層のノード、すなわち子ノードがあるか否かを判
断しくS−14)、ない場合は終了(リターン)し、あ
る場合にはスタートノードIDの子ノードのIDをセッ
トしくS−15)、この木構造表示処理を呼び出して(
S−16)上記と同様の処理を施し、これを繰り返す。
Determine whether or not there is a node in the next hierarchy, that is, a child node (S-14); if not, exit (return); if there is, set the ID of the child node of the start node ID (S-15) , call this tree structure display process (
S-16) Perform the same process as above and repeat this.

このように、木構造表示処理中で木構造表示処理を呼び
出すことを、再帰呼び出しと称する。
Calling the tree structure display process during the tree structure display process in this way is called recursive call.

第6図に示した例の木構造を、この再帰呼び出しで処理
すると、次の順にノードが処理され、ノードテーブルに
は第7図に示したようにデータがセットされる。
When the tree structure shown in FIG. 6 is processed by this recursive call, the nodes are processed in the following order, and data is set in the node table as shown in FIG.

(1,M 1. OOOOl ) → (1M1000
02)→ (13100001)  → (1M100
002)→(1,5100002) → (I PI 
00001)→(IS100002) → (IP10
0002)→(IS100002)→(1M10000
2)→(IMlooool)→(2M100003)→
(IS100003)→(2M100003)→(2S
100003)→(2M100003)→(2P100
004)→ (IP100003)→(2P10000
4)→(2M100003)→(IMlooOOI) この処理順序(ツリーウオーキング)によって、第6図
に示したように、各ノードの親子関係(階層関係)が確
認される。
(1,M 1.OOOOl) → (1M1000
02) → (13100001) → (1M100
002) → (1,5100002) → (I PI
00001) → (IS100002) → (IP10
0002) → (IS100002) → (1M10000
2) → (IMlooool) → (2M100003) →
(IS100003) → (2M100003) → (2S
100003) → (2M100003) → (2P100
004) → (IP100003) → (2P10000
4)→(2M100003)→(IMlooOOI) Through this processing order (tree walking), the parent-child relationship (hierarchical relationship) of each node is confirmed as shown in FIG.

また、エツジ(枝)の末端のノードの確認もなされる。Additionally, the terminal node of the edge is also confirmed.

従来の木構造図表示方式では、ツリーウオーキングによ
って木構造が確認されまでは、各ノードの座標を決定す
ることができなかったが、上記本実施例によれば、第4
図に示したフローチャートの(S−7)でセットされた
座標の初期値(XX=O;YY=O)が、第5図に示し
たフローチャートの(S−11)でノードテーブルにセ
ットされる。
In the conventional tree structure diagram display method, it was not possible to determine the coordinates of each node until the tree structure was confirmed by tree walking, but according to the present embodiment, the fourth
The initial values of the coordinates (XX=O; YY=O) set in (S-7) of the flowchart shown in the figure are set in the node table in (S-11) of the flowchart shown in Figure 5. .

その後のノードの座標は、ツリーウオーキングのさ処理
中で順次セットされていく。
The coordinates of subsequent nodes are sequentially set during the tree walking process.

そのため、ツリーウオーキング処理が終了してから、各
ノードの座標を計算するロジックを実行する必要がない
Therefore, there is no need to execute logic for calculating the coordinates of each node after the tree walking process is completed.

すなわち、第4図と第5図に示した単純な処理を施すの
みで、木構造図の作成表示を完了することができる。
That is, the creation and display of the tree structure diagram can be completed by simply performing the simple processing shown in FIGS. 4 and 5.

第2図と第8図により本実施例による木構造図表示方式
における表示手段のウィンドウの一例を説明する。
An example of the window of the display means in the tree structure diagram display method according to this embodiment will be explained with reference to FIGS. 2 and 8.

第2図に示した木構造図は、26〜29の1階層から4
階層まで表示されているが、この4階層口29でウィン
ドウサイズを越えているので、木構造の末端がどうなっ
ているのか判らない。
The tree structure diagram shown in Figure 2 shows the 4
Although all levels are displayed, the window size is exceeded by the four-level entry 29, so it is not possible to tell what the end of the tree structure is.

第2図の木構造図であれば、スクロールバーでスクロー
ルすることによって木構造図の全貌を表示させることが
できる。
In the case of the tree structure diagram shown in FIG. 2, the entire tree structure diagram can be displayed by scrolling with the scroll bar.

なお、スクロールパーによるスクロールしきれない大き
さの木構造である場合には、指示手段6であるウィンド
ウ20の「部分表示」ボタン22を押し、ウィンドウに
表示されている任意のノードを選択することにより、選
択されたノードをルートノードとした部分木構造を表示
する。
If the tree structure is too large to be scrolled by the scroller, press the "partial display" button 22 on the window 20, which is the instruction means 6, and select any node displayed in the window. displays a subtree structure with the selected node as the root node.

(なお、上記した「部分表示」ボタンの押しさげやノー
ドの選択は、実際には、例えばマウスのカーソルとその
ボタンクリックによって実行される) 第2図におイテ、ノード(1M100002)が選択さ
れた場合の部分木構造の表示例を第8図に示す。
(The above-mentioned pressing of the "partial display" button and node selection are actually executed, for example, by using the mouse cursor and clicking the button.) As shown in Figure 2, the node (1M100002) is selected. FIG. 8 shows an example of the display of the subtree structure in this case.

この処理は、第4図の木構造の表示フローチャートにお
ける(S−4)で、木構造図作成編集手段3に備えたノ
ードテーブル3−1において、スタートノードIDに1
をセットしていたものに替えて、選択されたノードのノ
ードIDをセットすることによって実行できる。
This process is performed at (S-4) in the tree structure display flowchart in FIG.
This can be done by setting the node ID of the selected node instead of the one that was previously set.

これにより、単純に仮想ウィンドウを使用した木構造図
表示システムに比べて、 かに大きなインターフェース
構造を扱うことができる。
This allows it to handle much larger interface structures than a tree structure diagram display system that simply uses virtual windows.

次に、本発明の第2実施例を説明する。Next, a second embodiment of the present invention will be described.

上記第1実施例において説明したよりもさらに大きな木
構造を扱おうとすると、例えば、第9図に示した例のノ
ード(1M100002)からの部分木構造がもっと巨
大になると、同階層のノードである(2M100003
)の座標は、木構造図の表示ウィンドウの かに下方に
行ってしまい、ついには仮想ウィンドウの範囲を越えて
、ノード(1M100003)以降の部分木構造を確認
しようとしても、上記実施例の方式では(2M1000
03)のノードを選択することが不可能になってしまう
という不具合が住じる。
If you try to handle a tree structure that is even larger than that explained in the first embodiment, for example, if the subtree structure starting from the example node (1M100002) shown in FIG. (2M100003
) goes to the bottom of the display window of the tree structure diagram, and even if you try to check the subtree structure after the node (1M100003) by going beyond the range of the virtual window, the method of the above example will not work. Then (2M1000
03), it becomes impossible to select the node.

この実施例では、上記のような巨大な木構造について、
所望のノードまで表示させる場合、第10図に示したウ
ィンドウ20上のrレベルの変更」ボタン23を押すこ
とにより、階層レベル表示ウィンドウ100が開く。な
お、ここで言う階層レベルとは、階層深さのことである
In this example, for a huge tree structure like the one above,
When displaying up to a desired node, the hierarchical level display window 100 opens by pressing the "Change r level" button 23 on the window 20 shown in FIG. Note that the hierarchical level referred to here refers to the hierarchical depth.

この階層レベル表示ウィンドウ100に表示された階層
表示レベルのリストから、例えば「2」を選び、「全体
表示」ボタン21を押すと、第9図に示したような表示
となる。
If, for example, "2" is selected from the list of hierarchical display levels displayed in the hierarchical level display window 100 and the "display all" button 21 is pressed, a display as shown in FIG. 9 is obtained.

そこで、また「レベルの変更」ボタン23を押して階層
レベルウィンドウ100を開き、所望の表示レベルを選
択して、「部分表示」ボタン22の押し下げと所望のノ
ード、例えばノード(2M100003)を選択すれば
、ノード(2M100003)以下の部分木構造図が表
示される。
Then, press the "Change level" button 23 again to open the hierarchy level window 100, select the desired display level, press the "Partial display" button 22 and select the desired node, for example, node (2M100003). , a subtree structure diagram below the node (2M100003) is displayed.

この表示方式によれば、レスポンスを損なわずに、上記
第1実施例よりも かに大きな木構造図を表示させるこ
とが可能となる。
According to this display method, it is possible to display a much larger tree structure diagram than in the first embodiment without impairing the response.

[発明の効果] 以上説明したように、本発明によれば、あるノードのウ
ィンドウ上の位置を決定しようとするときに、局所的に
その位置を決定することができ、また、表示装置のウィ
ンドウのサイズに物理的に制約されても、木構造図を構
成する所望の部分木構造図を任意に指定して表示させる
ことができる。
[Effects of the Invention] As explained above, according to the present invention, when trying to determine the position of a certain node on the window, the position can be determined locally, and the window of the display device Even if the size of the tree structure diagram is physically limited, a desired subtree structure diagram constituting the tree structure diagram can be arbitrarily specified and displayed.

また、本発明によれば、従来の木構造図表示システムで
は取り扱うことの出来ない巨大な木構造図をも容易に表
示可能とした木構造図表示方式を提供することが可能と
なる。
Further, according to the present invention, it is possible to provide a tree structure diagram display method that can easily display even huge tree structure diagrams that cannot be handled by conventional tree structure diagram display systems.

【図面の簡単な説明】[Brief explanation of the drawing]

第1図は本発明による木構造図表示方式の実施例の構成
を示すブロック図、第2図は第1図におけるウィンドウ
上に表示された木構造図の一例の説明図、第3図は第1
図における木構造図作成編集手段のノードテーブルの説
明図、第4図はノードテーブルへのデータセット動作を
説明するフローチャート、第5図は第4図における木構
造図表示処理ステップの詳細な処理を説明するフローチ
ャート、第6図は木構造の一例の説明図、第7図は第5
図の処理でデータがセットされたノードテーブルの説明
図、第8図、第9図および第10図は本発明の木構造図
表示方式におけるウィンドウの説明図、第11図は木構
造図で表示したある機械装置のモジュール構成の説明図
、第12図は図面用木構造図作成編集システムからプリ
ンターに出力されたある装置の部品構成リストのプリン
トアウトの説明図、第13図は第12図のプリントアウ
トに基づいてテンプレートを用いて作成した木構造図の
説明図、第14図は抽象化モデルの木構造図の説明図、
第15図は表示装置のウィンドウの左端中央を起点とし
て表示を行なう木構造図の説明図、第16図はノードの
数の増加と木構造図作成処理時間の関係の説明図、第1
7図と第18図は1つのノードを実ウィンドウに対して
がなり大きく表示するものとして仮想ウィンドウに作成
された木構造図を実ウィンドウから覗いている状態を概
念的に表現した説明図である。 1・・・・木構造図表示手段、2・・・・データ入力手
段、3・・・・木構造図作成編集手段、3−1はノード
テーブル、4・・・・記憶手段、5・・・・ウィンドウ
、6・・・・指示手段、7・・・・グラフィックプリン
タ。 出願人富士ゼロ・7クス株式会社 代 理 人 弁理士 小野寺 洋二(外1名)第1図 第3図 第4図 第5図 第11図 第12図 10         4   1、)’1LHJIJ
LJi    小ル1↓平成2年11月30日 特許庁長官 植 松   敏 殿 2、発明の名称 木構造図表示方式 3、補正をする者 事件との関係   特許出願人 名 称   (549)富士ゼロックス株式会社4、代
理人 住 所   東京都中央区八丁堀三丁目11番12号5
、補正命令の日付   自発補正 6、補正の対象 明細書の詳細な説明の欄 明細書の詳細な説明の欄 第20ページ第5行およびI!21ページ16行の「・
・・・に比べて、 かに大きな・・・・」とあるのを、
「・・・・に比べて、遥かに大きな・・・・」に訂正す
る。 以上
FIG. 1 is a block diagram showing the configuration of an embodiment of the tree structure diagram display method according to the present invention, FIG. 2 is an explanatory diagram of an example of the tree structure diagram displayed on the window in FIG. 1, and FIG. 1
4 is a flowchart explaining the operation of setting data to the node table, and FIG. 5 is a detailed diagram of the tree structure diagram display processing step in FIG. 4. Flowchart to explain, Fig. 6 is an explanatory diagram of an example of a tree structure, Fig. 7 is an explanatory diagram of an example of a tree structure.
An explanatory diagram of a node table in which data is set in the processing shown in the figure. Figures 8, 9, and 10 are explanatory diagrams of windows in the tree structure diagram display method of the present invention. Figure 11 is a tree structure diagram. Figure 12 is an explanatory diagram of the module configuration of a certain mechanical device, and Figure 12 is an explanatory diagram of a printout of a parts configuration list of a certain equipment output from the drawing tree structure diagram creation/editing system to a printer. An explanatory diagram of a tree structure diagram created using a template based on the printout, Figure 14 is an explanatory diagram of a tree structure diagram of an abstracted model,
Fig. 15 is an explanatory diagram of a tree structure diagram that is displayed starting from the left center of the window of the display device; Fig. 16 is an explanatory diagram of the relationship between the increase in the number of nodes and the tree structure diagram creation processing time;
Figures 7 and 18 are explanatory diagrams conceptually representing the state in which a tree structure diagram created in a virtual window is viewed from a real window, with one node displayed in a larger size than the real window. . 1... Tree structure diagram display means, 2... Data input means, 3... Tree structure diagram creation/editing means, 3-1 is a node table, 4... Storage means, 5... . . . Window, 6. . Instruction means, 7. . . Graphic printer. Applicant Fuji Zero 7x Co., Ltd. Agent Patent Attorney Yoji Onodera (1 other person) Figure 1 Figure 3 Figure 4 Figure 5 Figure 11 Figure 12 Figure 10 4 1, )'1LHJIJ
LJi Small 1 ↓ November 30, 1990 Director General of the Patent Office Satoshi Uematsu 2, Invention name tree structure diagram display method 3, Relationship with the person making the amendment Patent applicant name (549) Fuji Xerox Co., Ltd. 4. Agent address: 3-11-12-5 Hatchobori, Chuo-ku, Tokyo
, Date of amendment order Voluntary amendment 6, Detailed explanation column of the specification to be amended Detailed explanation column of the specification page 20, line 5 and I! Page 21, line 16 “・
It says, "It's a lot bigger than..."
Correct it to ``It's much bigger than...''. that's all

Claims (2)

【特許請求の範囲】[Claims] (1)木構造図表示方式において、 木構造図を構成する項目のデータを入力するためのデー
タ入力手段と、 前記データ入力手段から入力されたデータに基づいてそ
の木構造を作成編集する木構造図作成編集手段と、 前記木構造図作成編集手段により作成された木構造図の
ノードとそれらの連鎖関係を登録するための記憶手段と
、 前記記憶手段に記憶保持されたノード/連鎖関係データ
を木構造図として表示する木構造図表示手段と、 木構造図のノードを指示する指示手段とから構成され、 前記指示手段で指示されたノードを起点として部分木構
造図を表示することを特徴とする木構造図表示方式。
(1) In the tree structure diagram display method, a data input means for inputting data of items constituting the tree structure diagram, and a tree structure for creating and editing the tree structure based on data input from the data input means. diagram creation and editing means; storage means for registering the nodes of the tree structure diagram created by the tree structure diagram creation and editing means and their chain relationships; and node/chain relationship data stored in the storage means. It is comprised of a tree structure diagram display means for displaying a tree structure diagram, and an instruction means for indicating a node of the tree structure diagram, and is characterized in that a partial tree structure diagram is displayed starting from the node indicated by the instruction means. Tree structure diagram display method.
(2)木構造図表示方式において、 木構造図を構成する項目のデータを入力するためのデー
タ入力手段と、 前記データ入力手段から入力されたデータに基づいてそ
の木構造図を作成編集する木構造図作成編集手段と、 前記木構造図作成編集手段により作成された木構造図の
ノードとそれらの連鎖関係を登録するための記憶手段と
、 前記記憶手段に記憶保持されたノード/連鎖関係データ
を木構造図として表示する木構造図表示手段と、 木構造図の階層の深さを指示する指示手段とから構成さ
れ、 前記指示手段で指示された階層のノードを起点として本
構造図を表示することを特徴とする木構造図表示方式。
(2) In the tree structure diagram display method, a data input means for inputting data of items constituting the tree structure diagram, and a tree for creating and editing the tree structure diagram based on the data input from the data input means. Structure diagram creation/editing means; Storage means for registering the nodes of the tree structure diagram created by the tree structure diagram creation/editing means and their chain relationships; and Node/chain relationship data stored in the storage unit. The present invention is comprised of a tree structure diagram display means for displaying the tree structure diagram as a tree structure diagram, and an instruction means for indicating the depth of the hierarchy of the tree structure diagram, and displays the present structure diagram starting from a node in the hierarchy specified by the instruction means. A tree structure diagram display method characterized by:
JP2323066A 1990-11-28 1990-11-28 Tree structure chart display system Pending JPH04195467A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2323066A JPH04195467A (en) 1990-11-28 1990-11-28 Tree structure chart display system

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2323066A JPH04195467A (en) 1990-11-28 1990-11-28 Tree structure chart display system

Publications (1)

Publication Number Publication Date
JPH04195467A true JPH04195467A (en) 1992-07-15

Family

ID=18150713

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2323066A Pending JPH04195467A (en) 1990-11-28 1990-11-28 Tree structure chart display system

Country Status (1)

Country Link
JP (1) JPH04195467A (en)

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0736652A (en) * 1993-07-15 1995-02-07 Sony Corp Information display device
JPH0785099A (en) * 1993-09-20 1995-03-31 Fujitsu Ltd System for displaying hierarchy
JPH07152418A (en) * 1993-08-30 1995-06-16 Dr Johannes Heidenhain Gmbh Method for creation and/or change of nc program
JPH07296004A (en) * 1994-04-25 1995-11-10 Toshiba Corp Information management retrieval device
JPH1145197A (en) * 1997-07-25 1999-02-16 Fuji Xerox Co Ltd Device and method for presenting hierarchical structure
JP2002207772A (en) * 2000-03-29 2002-07-26 Komatsu Wall System Development Co Ltd Document information managing program and document information managing system using this
JP2003091537A (en) * 2001-09-17 2003-03-28 Ricoh Co Ltd Tree diagram output method and tree diagram output program
JP2007148574A (en) * 2005-11-24 2007-06-14 Fuji Xerox Co Ltd Tree structure display program, tree structure display method, tree structure display device
JP2010146439A (en) * 2008-12-22 2010-07-01 Canon It Solutions Inc Information processor, information processing method and program
CN112966040A (en) * 2021-03-29 2021-06-15 深圳市优必选科技股份有限公司 Method, device, terminal and storage medium for converting data structure

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0736652A (en) * 1993-07-15 1995-02-07 Sony Corp Information display device
JPH07152418A (en) * 1993-08-30 1995-06-16 Dr Johannes Heidenhain Gmbh Method for creation and/or change of nc program
JPH0785099A (en) * 1993-09-20 1995-03-31 Fujitsu Ltd System for displaying hierarchy
JPH07296004A (en) * 1994-04-25 1995-11-10 Toshiba Corp Information management retrieval device
JPH1145197A (en) * 1997-07-25 1999-02-16 Fuji Xerox Co Ltd Device and method for presenting hierarchical structure
JP2002207772A (en) * 2000-03-29 2002-07-26 Komatsu Wall System Development Co Ltd Document information managing program and document information managing system using this
JP2003091537A (en) * 2001-09-17 2003-03-28 Ricoh Co Ltd Tree diagram output method and tree diagram output program
JP2007148574A (en) * 2005-11-24 2007-06-14 Fuji Xerox Co Ltd Tree structure display program, tree structure display method, tree structure display device
JP2010146439A (en) * 2008-12-22 2010-07-01 Canon It Solutions Inc Information processor, information processing method and program
CN112966040A (en) * 2021-03-29 2021-06-15 深圳市优必选科技股份有限公司 Method, device, terminal and storage medium for converting data structure

Similar Documents

Publication Publication Date Title
Bederson et al. Jazz: an extensible zoomable user interface graphics toolkit in Java
US7096454B2 (en) Method for gesture based modeling
Baroth et al. Experience Report: Visual Programming in the Real World
US11294645B2 (en) Visual virtual programming machine for real-time interactive creation, playback, execution, inspection and manipulation of programming elements
WO1998044459A1 (en) Interactive timeline visualization
US7603624B2 (en) System and method for styling content in a graphical user interface control
CN108664461A (en) A kind of web form Auto-writing method and device
JPH04195467A (en) Tree structure chart display system
Isaacs et al. Preserving command line workflow for a package management system using ASCII DAG visualization
Fairbairn et al. ICARUS: An interactive integrated circuit layout program
JPH11175761A (en) Processor and method for information processing and provided medium
JP2002015333A (en) Multimedia authoring tool and recording medium with authoring program recorded on it
CN113139371A (en) Visual chart construction method, device and system and storage medium
Wiratama et al. Analysis and Design of an Web-Based Ticketing Service Helpdesk at Food and Packaging Machinery Company
JP2000003379A (en) Drawing preparation device in product model
Foster Collaborative systems and multi-user interfaces
JP3447365B2 (en) Object-oriented programming support device and object-oriented programming support method
JP3899421B2 (en) Character and character string generation and display device
Naharro-Berrocal et al. Automatic generation of algorithm animations in a programming environment
JP3478274B2 (en) Hypertext editing apparatus and method
Jamaluddin et al. Development of Visual Language Design Guideline For User Experience-Based Interactive Systems
JPH04130571A (en) Numerical arithmetic system
JP3978173B2 (en) Form creation method
Viehstaedt et al. Generating editors for direct manipulation of diagrams
JP2982535B2 (en) Graph creation device