グラフ表示装置及びグラフ表示システム
【課題】わかりやすい視点で瞬時にグラフ表示の対象を変更でき、事象の分析が迅速に実現できる、グラフ表示装置及びグラフ表示システムを提供する。
【解決手段】階層的に分類できる検索キーを、ツリー状に表示すると共に、ツリー展開及び収納を操作できる領域を、グラフ表示領域の傍に設ける。ツリー状に表示した検索キーを指定してグラフを表示することにより、今表示しているグラフがどのような限定条件で表示されているのかが、一目瞭然に判る。
【解決手段】階層的に分類できる検索キーを、ツリー状に表示すると共に、ツリー展開及び収納を操作できる領域を、グラフ表示領域の傍に設ける。ツリー状に表示した検索キーを指定してグラフを表示することにより、今表示しているグラフがどのような限定条件で表示されているのかが、一目瞭然に判る。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、グラフ表示装置及びグラフ表示システムに適用して好適な技術に関する。
より詳細には、階層構造を有する検索キーを、グラフ表示の際に設定する技術に関する。
【背景技術】
【０００２】
様々なデータを可視化して分析するために、グラフは必要不可欠な存在である。
特に、企業等の売り上げの分析等に、グラフは有効である。
なお、本発明に関係すると思われる先行技術文献を、特許文献１に示す。
【特許文献１】特開平１０−２１２６０号公報
【発明の開示】
【発明が解決しようとする課題】
【０００３】
ある事象をグラフで分析するに際し、大きな視点から微細な視点へと、視点を変化させて分析を行いたい場合がある。
具体例で言うと、例えば企業の売り上げの分析に際し、会社全体の視点から営業部門全体、各営業部門、そして更に末端のグループへと、売り上げの内容を分析したい場合がある。
或は、当該企業が販売する全ての商品から、その商品を大きく分類する視点、更に細かく分類する視点、そして具体的な個々の商品へと、売り上げの内容を分析したい場合でも同様である。
このように、分析対象の範囲を変えながら、グラフ表示を行う方法は、知られていない技術である。
【０００４】
本発明はかかる点に鑑みてなされたものであり、わかりやすい視点で瞬時にグラフ表示の対象を変更でき、事象の分析が迅速に実現できる、グラフ表示装置及びグラフ表示システムを提供することを目的とする。
【課題を解決するための手段】
【０００５】
上記課題を解決するため、本発明のグラフ表示装置は、操作情報を出力する入力部と、ツリー表示領域と、グラフ表示領域とを有する表示部とから構成される。
表示部は、ツリー表示領域において、複数の検索キーを階層表示すると共に、入力部の操作に応じて階層表示を変化させる。
更に、表示部は、グラフ表示領域において、入力部のツリー表示領域における検索キーの選択操作情報に呼応して表示内容を変更する。
【０００６】
また、本発明のグラフ表示システムは、グラフ表示装置とサーバよりなる。
グラフ表示装置は、操作情報を出力する入力部と、複数の検索キーを階層表示するツリー表示領域と、グラフ表示領域とを有する表示部と、入力部と表示部との間に接続され、入力部のツリー表示領域における検索キーのツリー表示操作情報に応じて階層表示を変化させるべく制御すると共に、入力部のツリー表示領域における検索キーの選択操作情報を送信する制御部とから構成される。
一方、サーバは、複数の検索キーの階層関係が格納されているツリー構造テーブルと、複数の検索キーと共にグラフ表示のための情報が格納されているグラフ用テーブルと、入力部のツリー表示領域における検索キーのツリー表示操作情報を制御部から受信してツリー構造テーブルを検索し、検索結果を制御部に送信するツリー表示用検索部と、入力部のツリー表示領域における検索キーの選択操作情報を制御部から受信してグラフ用テーブルを検索し、検索結果を制御部に送信するグラフ作成用検索部とから構成される。
【０００７】
階層的に分類できる検索キーを、ツリー状に表示すると共に、ツリー展開及び収納を操作できる領域を、グラフ表示領域の傍に設ける。ツリー状に表示した検索キーを指定してグラフを表示することにより、今表示しているグラフがどのような限定条件で表示されているのかが、一目瞭然に判る。
【発明の効果】
【０００８】
本発明によれば、わかりやすい視点で瞬時にグラフ表示の対象を変更でき、事象の分析が迅速に実現できる、グラフ表示装置及びグラフ表示システムを提供できる。
【発明を実施するための最良の形態】
【０００９】
以下、図１〜図１２に基づいて、本発明の実施形態例を説明する。
図１は、本発明の一実施形態の例である、グラフ表示システムの機能ブロック図である。
グラフ表示システム１０１は、クライアント１０２とＷｅｂサーバ１０３よりなる。クライアント１０２とＷｅｂサーバ１０３はネットワーク１０４を介して接続されている。クライアント１０２は周知のパソコンであり、ネットワークＯＳが稼動し、その上でＷｅｂブラウザ１０５が動作する。
【００１０】
Ｗｅｂサーバ１０３内にはＷｅｂサーバプログラム１０６と、これによって起動される、ツリー表示用検索部ともいえるツリー表示ｃｇｉ（Common Gateway Interface）１０７と、グラフ作成用検索部ともいえるグラフ作成ｃｇｉ１０８がある。これらｃｇｉは、後述する複数のテーブルから必要なデータを読み出す。
【００１１】
Ｗｅｂブラウザ１０５は、周知のＡｊａｘによって、周知のディスプレイよりなる表示部１０９に、画面の全面的書換処理が不要な、動的なｈｔｍｌ文書の表示を可能にする。ここでＡｊａｘとは、Asynchronous JavaScript（登録商標） + XML の略であり、Ｗｅｂブラウザに実装されているＪａｖａＳｃｒｉｐｔ（登録商標）のＨＴＴＰ通信機能を使って、Ｗｅｂページのリロードを伴わずに、ＷｅｂサーバとＸＭＬ形式のデータのやり取りを行って処理を進めていく、対話型Ｗｅｂアプリケーションの実装形態をいう。
Ｗｅｂブラウザ１０５は、Ｗｅｂサーバ１０３にアクセスすると、Ｗｅｂサーバ１０３からＡｊａｘの機能を実現するＪａｖａＳｃｒｉｐｔ（登録商標）プログラムをダウンロードし、これを実行する。すると、このプログラムによって、クライアント１０２に、ツリー表示制御部１１０とグラフ表示制御部１１１と制御部１１２という機能が追加される。
【００１２】
入力部１１３はキーボードやマウス等の、周知の入力装置である。
制御部１１２は入力部１１３から操作情報を取得する。そして、必要に応じてＷｅｂサーバ１０３のツリー表示ｃｇｉ１０７或はグラフ作成ｃｇｉ１０８に所定の命令を送信し、その結果のデータを受信する。制御部１１２は受信したデータを不揮発性ストレージ１１４にファイルとして蓄積する。ここで、制御部１１２によって、不揮発性ストレージ１１４に作成されるファイルは、ツリー構造データファイル１１５とグラフ表示データファイル１１６である。
その後、制御部１１２はツリー表示制御部１１０或はグラフ表示制御部１１１を制御して、当該ファイルを読み込ませ、表示制御を行わせる。
【００１３】
図２は、クライアント１０２の表示部１０９に表示される表示画面の一例である。
Ｗｅｂブラウザ１０５によって表示される表示画面２０１は、ツリー表示領域２０２とグラフ表示領域２０３と検索条件設定領域２０４に分けられる。
グラフ表示領域２０３は、その名の通り、グラフを表示する領域である。グラフ表示制御部１１１によってグラフ表示領域２０３に表示される内容が作成される。図２に示す表示画面２０１では、甲会社の売上実績を表示している。
検索条件設定領域２０４は、グラフ表示領域２０３に表示されるグラフに対し、グラフを表示するための様々な条件を設定する領域である。種々の検索条件が、プルダウンメニュー形式等で設定できる。
設定した検索条件は、「保存」ボタン２１０を押すことで、Ｗｅｂブラウザ１０５のＣｏｏｋｉｅとして保存される。このＣｏｏｋｉｅは、後述する初期状態表示処理の際に用いられる。
【００１４】
ツリー表示領域２０２は、グラフ表示領域２０３に表示されるグラフが示す、「表示するデータの範囲」を指定する画面である。ツリー表示制御部１１０によってツリー表示領域２０２に表示される内容が作成される。
ツリー表示領域２０２は、検索条件がカテゴリ別に分けられている。図２に示す表示画面２０１では、「部門条件」というカテゴリと、「製品条件」というカテゴリに分けられている。ここではそれぞれ、部門条件ツリー領域２０５と製品条件ツリー領域２０６と呼ぶ。
これらカテゴリに基づいて、表示範囲を指定するキーが、階層構造にて表示されている。
【００１５】
ツリー表示領域２０２中、「◆」（黒塗りの菱形）で示すボタンは、ツリー表示制御ボタン２０７である。このボタンは、黒塗りの菱形の文字或は画像と共に、クリックできるリンクが、ｈｔｍｌ文書内に記述されている。これは周知の、ＵＲＬを指定する「<a href="...">」で始まり「</a>」で終わる、「Ａタグ」と呼ばれるリンクである。これをマウス等でクリックすると、そのクリックされた行の直下に、下位の階層の内容が列挙された状態で表示される。
ツリー表示領域２０２中、「◇」（白抜きの菱形）という記号は、ツリー末端表示記号２０８である。この記号は、ツリー構造の末端を示す記号であり、マウス等でクリックできない。つまり、Ａタグは記述されていない。
ツリー表示領域２０２中、「□」（白抜きの四角）で示すボタンは、グラフ表示制御ボタン２０９である。これをマウス等でクリックすると、グラフ表示領域２０３に表示されるグラフが、そのクリックされた行の内容に限定されたものとなる。そして、グラフ表示制御ボタン２０９は「■」（黒塗りの四角）に表示が変化する。
【００１６】
図３は、ツリー表示領域２０２の状態遷移を示す図である。ここでは、ツリー表示領域２０２の「部門条件」というカテゴリについて、例を示す。
部門条件ツリー領域２０５に「本社」のみ表示されている状態（Ｐ３０１）で、「本社」のツリー表示制御ボタン２０７を押すと、「本社」の直下に属する組織が、一段（一文字）下げられて、列挙された状態で表示される（Ｐ３０１→（ア））。
部門条件ツリー領域２０５に、「本社」の直下に属する組織が、一文字分下げられて表示されている状態（Ｐ３０２）で、「営業本部」のツリー表示制御ボタン２０７を押すと、「営業本部」の直下に所属する組織が、一文字分下げられて、列挙された状態で表示される（Ｐ３０２→（イ））。
部門条件ツリー領域２０５に、「営業本部」の直下に所属する組織が、一文字分下げられて表示されている状態（Ｐ３０３）で、「Ａ営業部」のツリー表示制御ボタン２０７を押すと、「Ａ営業部」の直下に所属する組織が、一文字分下げられて、列挙された状態で表示される（Ｐ３０３→（ウ））。このとき、列挙された状態で表示されている「Ａ営業１課」及び「Ａ営業２課」という組織は、末端の組織である。そのため、白抜きの菱形（「◇」）であるツリー末端表示記号２０８が表示されている。
【００１７】
部門条件ツリー領域２０５が状態Ｐ３０２の表示状態の時に、「本社」の前にある黒塗り菱形（「◆」）のツリー表示制御ボタン２０７を押すと、それまで列挙された状態で表示されていた、「本社」の直下に属する組織の表示が、消去される（Ｐ３０２→（エ）→Ｐ３０１）。
【００１８】
部門条件ツリー領域２０５が状態Ｐ３０３の表示状態の時に、「営業本部」の前にある黒塗り菱形（「◆」）のツリー表示制御ボタン２０７を押すと、それまで列挙された状態で表示されていた、「営業本部」の直下に属する組織の表示が、消去される（Ｐ３０３→（オ）→Ｐ３０２）。
部門条件ツリー領域２０５が状態Ｐ３０３の表示状態の時に、「本社」の前にある黒塗り菱形（「◆」）のツリー表示制御ボタン２０７を押すと、それまで列挙された状態で表示されていた、「本社」の直下に属する組織の表示が、「営業本部」の直下に属する組織の表示も含めて消去される（Ｐ３０３→（カ）→Ｐ３０１）。
【００１９】
部門条件ツリー領域２０５が状態Ｐ３０４の表示状態の時に、「Ａ営業部」の前にある黒塗り菱形（「◆」）のツリー表示制御ボタン２０７を押すと、それまで列挙された状態で表示されていた、「Ａ営業部」の直下に属する組織の表示が、消去される（Ｐ３０４→（キ）→Ｐ３０３）。
部門条件ツリー領域２０５が状態Ｐ３０４の表示状態の時に、「営業本部」の前にある黒塗り菱形（「◆」）のツリー表示制御ボタン２０７を押すと、それまで列挙された状態で表示されていた、「営業本部」の直下に属する組織の表示が、「Ａ営業部」の直下に属する組織の表示も含めて消去される（Ｐ３０４→（ク）→Ｐ３０２）。
部門条件ツリー領域２０５が状態Ｐ３０４の表示状態の時に、「本社」の前にある黒塗り菱形（「◆」）のツリー表示制御ボタン２０７を押すと、それまで列挙された状態で表示されていた、「本社」の直下に属する組織の表示が、「Ａ営業部」の直下に属する組織の表示と、「営業本部」の直下に属する組織の表示も含めて消去される（Ｐ３０４→（ケ）→Ｐ３０１）。
【００２０】
図４（ａ）、（ｂ）、（ｃ）及び（ｄ）は、部門条件ツリー領域２０５の変化とグラフ表示領域２０３の変化を示す図である。
図４（ａ）において、部門条件ツリー領域２０５中の「本社」の横にあるグラフ表示制御ボタン２０９をクリックすると、「□」（白抜きの四角）から「■」（黒塗りの四角）に表示が変化する。これに伴い、グラフは本社の売り上げを示すグラフが表示される。グラフの縦軸が本社の売り上げに応じて「６００百万」になっている。
図４（ｂ）において、部門条件ツリー領域２０５中の「営業本部」の横にあるグラフ表示制御ボタン２０９をクリックすると、「本社」の横にあるグラフ表示制御ボタン２０９の黒塗り四角が、「営業本部」の横に移動する。これに伴い、グラフは営業本部の売り上げを示すグラフが表示される。グラフの縦軸が営業本部の売り上げに応じて「５００百万」になっている。
【００２１】
図４（ｃ）において、部門条件ツリー領域２０５中の「Ａ営業部」の横にあるグラフ表示制御ボタン２０９をクリックすると、「営業本部」の横にあるグラフ表示制御ボタン２０９の黒塗り四角が、「Ａ営業部」の横に移動する。これに伴い、グラフはＡ営業部の売り上げを示すグラフが表示される。グラフの縦軸がＡ営業部の売り上げに応じて「１００百万」になっている。
図４（ｄ）において、部門条件ツリー領域２０５中の「Ａ営業部」の横にあるグラフ表示制御ボタン２０９をクリックすると、「Ａ営業部」の横にあるグラフ表示制御ボタン２０９の黒塗り四角の表示が、白塗り四角に変化する。すると、グラフ表示領域２０３中に黒塗り四角が存在しなくなる。これに伴い、グラフはグループ会社も含めた全体の売り上げを示すグラフが表示される。グラフの縦軸が本社とグループ各社の売り上げの合計に応じて「１０００百万」になっている。
【００２２】
以上の説明よりわかるように、グラフ表示制御ボタン２０９は、マウス等でクリックする度毎に、白抜き四角と黒塗り四角とで表示を切り替える、トグル動作となっている。
グラフ表示制御ボタン２０９が黒塗り四角で表示されている時は、その項目を選択していることを表す。グラフ表示制御ボタン２０９が白抜き四角で表示されている時は、その項目を選択していないことを表す。ここで、「選択していない」とは、「検索条件として除外する」という意味のＮＯＴ条件ではなく、検索条件として指定していないことを意味する。
【００２３】
図５はテーブルの一例を示す図である。ここでは、図１の「部門条件」カテゴリ１１７を例示して説明する。
ツリー構造テーブル１１８は、ツリー表示領域２０２に表示される内容の、親子関係を記述するテーブルである。このツリー構造テーブル１１８は、「部門条件」について記述している。「親部門コード」フィールドと「子部門コード」フィールドが、一対多の関係になっている。
ツリー表示テーブル１１９は、ツリー表示領域２０２に表示される内容が記述されるテーブルである。「部門コード」フィールドと、「ツリー表示用文字列」フィールドと、「末端部門フラグ」フィールドがある。特に、「ツリー表示用文字列」フィールドは、ツリー表示に必要な字下げを含めた、全てのツリー構造を展開した状態の文字列が、格納される。
なお、ここでは「部門条件」カテゴリ１１７におけるツリー構造テーブル１１８とツリー表示テーブル１１９を示しているが、「製品条件」カテゴリ１２０についても同様のツリー構造テーブル１２１とツリー表示テーブル１２２が存在する。この場合、「親部門コード」「子部門コード」の代わりに、「親製品カテゴリコード」と「子製品カテゴリコード」というように、親子関係が記述される。フィールド名は変わるが、その親子関係は同じである。
グラフ用テーブル１２３は、グラフに表示するデータが格納されるテーブルである。
「末端部門コード」フィールドには、「部門条件」に属するツリー表示テーブル１１９の「末端部門フラグ」フィールドの値が「真」である部門コードが記述される。
「末端商品コード」フィールドには、「製品条件」に属するツリー表示テーブル１２２の「末端製品フラグ」フィールドの値が「真」である製品コードが記述される。
【００２４】
「日付」フィールドは、グラフに表示するデータの、横軸に相当するデータが記録される。
「販路Ａ売上」フィールド、「販路Ｂ売上」フィールド、「販路Ｃ売上」フィールド及び「販路Ｄ売上」フィールドは、グラフに表示するデータの、縦軸に相当するデータが記録される。
ここではあくまでも一例としてこのようなフィールドを想定している。
【００２５】
この実施形態では、末端部門のみが具体的な数値を記録し、グラフ用テーブル１２３に記録されていることを想定している。
図５の場合では、実際に売り上げを記録する部門は、末端の、例えば「Ａ営業１課」或は「Ａ営業２課」等の、末端部門フラグが真の部門だけである。
【００２６】
［ツリー表示］
これより、ツリー表示の動作を説明する。
図６は、クライアント１０２の全体処理の流れを示すフローチャートである。
図７は、クライアント１０２のツリー展開処理の動作の流れを示すフローチャートである。
図８は、クライアント１０２のツリー収納処理の動作の流れを示すフローチャートである。
図９は、サーバのツリー表示ｃｇｉ１０７の動作の流れを示すフローチャートである。
【００２７】
まず、図６を参照して、クライアント１０２の全体の動作の流れを説明する。
なお、これはＷｅｂブラウザ１０５の動作のうち、本実施形態にかかる部分のみを抜粋して、仮想的にフローチャートにしたものである。実際には、Ｗｅｂブラウザ１０５は能動的に入力待ちをしている訳ではなく、クリックしたリンクに呼応して、所定の処理が行われる。具体的には、リンクに埋め込まれているＵＲＬに従ってＷｅｂサーバ１０３にアクセスすると共に、Ｗｅｂブラウザ１０５内で動作するＪａｖａＳｃｒｉｐｔプログラムがＷｅｂサーバ１０３から受信したデータの処理を行う。すなわち、Ｗｅｂブラウザ１０５は対話式（interactive）に動作する。
【００２８】
Ｗｅｂブラウザ１０５がＷｅｂサーバ１０３にアクセスすると（Ｓ６０１）、先ず初期状態の表示画面２０１が表示される（Ｓ６０２）。この初期状態の表示画面において、ツリー表示領域２０２にはツリー展開が一切されていない状態の検索条件が表示される。なお、「保存」ボタン２１０によって、検索条件がＣｏｏｋｉｅに保存されている場合は、この検索条件に基づいて検索及び表示制御が行われた後、グラフやツリー構造が表示画面２０１に表示される。
表示部１０９のグラフ表示領域２０３には、Ｗｅｂブラウザ１０５によって、一切の限定条件が与えられない状態のグラフが表示される。そして、Ｗｅｂブラウザ１０５はマウス等の入力を待つ（Ｓ６０３）。
【００２９】
マウス等でクリックした対象がツリー表示制御ボタン２０７で、且つその検索条件がツリー展開されていない場合は、ツリー展開の指示がなされたことを意味する（Ｓ６０４のＹ）。そこで、Ｗｅｂブラウザ１０５はツリー展開処理を行う（Ｓ６０５）。そうでない場合（Ｓ６０４のＮ）は、次の判断処理（Ｓ６０６）に移行する。
マウス等でクリックした対象がツリー表示制御ボタン２０７で、且つその検索条件が既にツリー展開されている場合は、ツリー収納の指示がなされたことを意味する（Ｓ６０６のＹ）。そこで、Ｗｅｂブラウザ１０５はツリー収納処理を行う（Ｓ６０７）。そうでない場合（Ｓ６０６のＮ）は、次の判断処理（Ｓ６０８）に移行する。
マウス等でクリックした対象がグラフ表示制御ボタン２０９である場合は（Ｓ６０８のＹ）、グラフ表示処理を行う（Ｓ６０９）。
グラフ表示等を終了するボタン等の操作であれば（Ｓ６０８のＮ）、処理を終了する（Ｓ６１０）。
ステップＳ６０５のツリー展開処理、ステップＳ６０７のツリー収納処理、ステップＳ６０９のグラフ表示処理のいずれの処理においても、それらの処理を完遂した後、再び次の入力を待つ（Ｓ６０３）。
【００３０】
次に、図７を参照して、Ｗｅｂブラウザ１０５によるツリー展開処理の動作の流れを説明する。これは図６のステップＳ６０５の動作の詳細である。
Ｗｅｂブラウザ１０５の制御部１１２は、処理を開始すると（Ｓ７０１）、先ず、ツリー表示制御ボタン２０７に埋め込まれているリンクのＵＲＬにアクセスする。ＵＲＬには、検索条件である検索キーが含まれる、ツリー表示ｃｇｉ１０７が指定されている（Ｓ７０２）。
次に、制御部１１２はＷｅｂサーバ１０３のツリー表示ｃｇｉ１０７から送信されるデータの受信完了を待つ（Ｓ７０３）。
【００３１】
データ受信が完遂したら（Ｓ７０３のＹ）、制御部１１２はＸＭＬフォーマットで記述されている受信データをＨＴＭＬに変換し（Ｓ７０４）、階層構造のツリーデータを作成するための、挿入処理を行う（Ｓ７０５）。この挿入処理の詳細は後述する（図１０参照）。この動作によって、ツリー構造データファイル１１５は更新される。
そして、制御部１１２はツリー表示制御部１１０を制御する。ツリー表示制御部１１０は、更新されたツリー構造データファイル１１５に基づき、クリックされたツリー表示制御ボタン２０７に埋め込まれているリンクの内容を書き換えて、表示部１０９に表示されているツリー表示の更新を行い（Ｓ７０６）、処理を終了する（Ｓ７０７）。
【００３２】
次に、図８を参照して、Ｗｅｂブラウザ１０５によるツリー収納処理の動作の流れを説明する。これは図６のステップＳ６０７の動作の詳細である。
制御部１１２は、処理を開始すると（Ｓ８０１）、先ず、ツリー表示制御ボタン２０７に埋め込まれているリンクのＵＲＬを解釈する。そして、ツリー構造データファイル１１５の、クリックされた検索条件の次の行以降に記述されている、下位の階層の行（レコード）を削除する（Ｓ８０２）。
そして、制御部１１２はツリー表示制御部１１０を制御する。ツリー表示制御部１１０は、更新されたツリー構造データファイル１１５に基づき、クリックされたツリー表示制御ボタン２０７に埋め込まれているリンクの内容を書き換えて（Ｓ８０３）、表示部１０９に表示されているツリー表示の更新を行い（Ｓ８０４）、処理を終了する（Ｓ８０５）。
以上の説明で判るように、ツリー収納処理の際、Ｗｅｂブラウザ１０５はＷｅｂサーバ１０３にはアクセスしない（する必要がない）。
【００３３】
次に、図９を参照して、Ｗｅｂサーバ１０３のツリー表示ｃｇｉ１０７の動作の流れを説明する。
Ｗｅｂサーバプログラム１０６は、Ｗｅｂブラウザ１０５からアクセスされることによって、ツリー表示ｃｇｉ１０７を起動する（Ｓ９０１）。すると、ツリー表示ｃｇｉ１０７は、ツリー構造テーブル１１８の親部門コードを、Ｗｅｂブラウザ１０５から与えられた検索キー（部門コード）にて検索を行う。そして、得られた子部門コードの一時リストを作成する（Ｓ９０２）。
次に、ツリー表示ｃｇｉ１０７は、得られた一時リスト内の部門コードを検索キーにして、ツリー表示テーブル１１９を検索して、Ｗｅｂブラウザ１０５に送信するためのリストを作成する（Ｓ９０３）。
ツリー表示ｃｇｉ１０７は、当該リストをＷｅｂブラウザ１０５に送信して（Ｓ９０４）、処理を終了する（Ｓ９０５）。
【００３４】
図１０は、ツリー表示の動作の仕組みを示す、模式図である。
マウス等の入力部１１３によってツリー表示制御ボタン２０７がクリックされると（図７のＳ７０１）、これを制御部１１２が受け、サーバのツリー表示ｃｇｉ１０７に命令が送信される（Ｓ７０２）。
ツリー表示ｃｇｉ１０７は、制御部１１２によって起動されると（図９のＳ９０１）、ツリー構造テーブル１１８を検索し、子部門コードのリストを得る（Ｓ９０２）。次に、そのリストを基にツリー表示テーブル１１９を検索し、表示用リスト１００２を得る（Ｓ９０３）。
表示用リスト１００２はツリー表示ｃｇｉ１０７から制御部１１２を介してツリー表示制御部１１０に渡される（図７のステップＳ７０３）。ツリー表示制御部１１０は、受信したＸＭＬ形式の表示用リストをＨＴＭＬ形式の文書に変換して（Ｓ７０４）、ツリー構造データファイル１１５の然るべき箇所に挿入する（Ｓ７０５）。そして、表示部１０９にツリー表示処理を行う（Ｓ７０６）。こうして、下位階層の展開表示が実現する。
【００３５】
マウス等の入力部１１３によってツリー表示制御ボタン２０７がクリックされると、これを制御部１１２が受け（図８のＳ８０１）、ツリー表示制御部１１０に処理内容が渡される。ツリー表示制御部１１０は下位階層のリストを消去し（Ｓ８０２）、押されたリンクの内容を書き換えて（Ｓ８０３）、ツリーの再表示を行う（Ｓ８０４）。こうして、下位階層の収納表示が実現する。
【００３６】
［グラフ表示］
これより、図１１及び図１２に基づいて、グラフ表示の動作の流れを説明する。
図１１は、クライアント１０２のグラフ表示処理の動作の流れを示すフローチャートである。
図１２は、サーバのグラフ作成ｃｇｉ１０８の動作の流れを示すフローチャートである。
【００３７】
まず、図１１を参照して、グラフ表示処理の動作の流れを説明する。
処理を開始すると（Ｓ１１０１）、制御部１１２は先ず、グラフ表示制御ボタン２０９に埋め込まれているリンクのＵＲＬにアクセスする。ＵＲＬには、検索条件である検索キーが含まれる、グラフ作成ｃｇｉ１０８が指定されている（Ｓ１１０２）。
次に、制御部１１２はＷｅｂサーバ１０３のグラフ作成ｃｇｉ１０８から送信されるデータの受信完了を待つ（Ｓ１１０３）。
【００３８】
データ受信が完遂したら（Ｓ１１０３のＹ）、制御部１１２は受信データを不揮発性ストレージ１１４内にグラフ表示データファイル１１６として蓄積する。この動作によって、グラフ表示データファイル１１６は更新される。
次に、制御部１１２はグラフ表示制御部１１１を制御する。グラフ表示制御部１１１は、グラフ表示データファイル１１６に基づいて、表示部１０９に表示されているグラフ表示の更新を行い（Ｓ１１０４）、処理を終了する（Ｓ１１０５）。
【００３９】
次に、図１２を参照して、Ｗｅｂサーバ１０３のグラフ作成ｃｇｉ１０８の動作の流れを説明する。
Ｗｅｂサーバプログラム１０６は、Ｗｅｂブラウザ１０５からアクセスされることによって、グラフ作成ｃｇｉ１０８を起動する（Ｓ１２０１）。すると、グラフ作成ｃｇｉ１０８は、ツリー構造テーブル１１８の親部門コードを、Ｗｅｂブラウザ１０５から与えられた検索キー（部門コード）にて検索を行い、子部門コードのリストを得る。そして、得られた子部門コードのリストを検索キーにして、再度ツリー構造テーブル１１８の親部門コードを検索する。この、再帰的検索動作を繰り返し、最終的に末端部門である部門コードのリストを得る（Ｓ１２０２）。この再帰的検索動作によって得られるリストは、自ずとツリー表示テーブル１１９の末端部門フラグが真である部門コードとなる。
【００４０】
次に、グラフ作成ｃｇｉ１０８は、得られたリスト内の部門コードを検索キーにして、グラフ用テーブル１２３を検索して、グラフ用テーブル１２３から得るレコードを限定する（Ｓ１２０３）。
そして、グラフ作成ｃｇｉ１０８は、所定の条件に従って、グラフ用テーブル１２３の値からグラフ表示用ファイルを作成し（Ｓ１２０４）、Ｗｅｂブラウザ１０５に送信して（Ｓ１２０５）、処理を終了する（Ｓ１２０６）。
【００４１】
ステップＳ１２０２の時点で、ツリー構造の上位に位置する検索キーを指定すると、その下位に含まれる末端の検索キー（部門コード）を全て含むリストが、グラフ作成ｃｇｉ１０８によって作成される。
ステップＳ１２０３では、このリストに列挙される検索キーを全てＯＲ条件で指定して、グラフ用テーブル１２３を検索する。
すなわち、ツリー表示領域２０２に表示されるツリー構造に従った検索が実現される。
【００４２】
本実施形態には、以下のような応用例が考えられる。
（１）本実施形態では、ツリー表示を行うために、ツリー表示テーブル１１９を用意し、ツリー構造テーブル１１８から検索して、ツリー展開処理を行った。
ところで、ツリー表示テーブル１１９は、部門コードのフィールドと部門名のフィールドよりなるテーブルと、ツリー構造テーブル１１８があれば、所定のプログラムで自動的に作成できるものである。そこで、ツリー表示テーブル１１９を用意しない代わりに、部門マスタとツリー構造テーブル１１８で、表示用リスト１００２を自動生成するようにしてもよい。
【００４３】
（２）グラフ表示制御ボタン２０９は、複数指定させることができる。この場合、指定した（黒塗りの四角に表示された）検索キーが、それぞれＯＲ条件で設定されて、グラフ用テーブル１２３を検索することとなる。
【００４４】
（３）上述の実施形態では、Ｗｅｂサーバ１０３にはユーザ認証の仕組みは記述していなかった。しかし、必要に応じてグラフ表示が可能なユーザを限定するために、周知のＣｏｏｋｉｅ認証等のユーザ認証の仕組みを採用することができる。
また、その際、「保存」ボタン２１０による検索条件の保存機能は、ユーザ認証と組にすることができる。一例としては、認証用のＣｏｏｋｉｅと検索条件保存用のＣｏｏｋｉｅを共通のものにすることができる。
【００４５】
本実施形態においては、グラフ表示システムを開示した。
階層的に分類できる検索キーを、ツリー構造で表示すると共に、その検索キーをクリック操作することで、即座にグラフ表示の限定条件として反映させることができる。このため、グラフ表示に極めて直感的なユーザインターフェースを提供できる。
【００４６】
以上、本発明の実施形態例について説明したが、本発明は上記実施形態例に限定されるものではなく、特許請求の範囲に記載した本発明の要旨を逸脱しない限りにおいて、他の変形例、応用例を含むことは言うまでもない。
【図面の簡単な説明】
【００４７】
【図１】本発明の一実施形態の例である、グラフ表示システムの機能ブロック図である。
【図２】クライアントの表示部に表示される表示画面の一例である。
【図３】ツリー表示領域の状態遷移を示す図である。
【図４】部門条件ツリー領域の変化とグラフ表示領域の変化を示す図である。
【図５】テーブルの一例を示す図である。
【図６】クライアントの全体処理の流れを示すフローチャートである。
【図７】クライアントのツリー展開処理の動作の流れを示すフローチャートである。
【図８】クライアントのツリー収納処理の動作の流れを示すフローチャートである。
【図９】サーバのツリー表示ｃｇｉの動作の流れを示すフローチャートである。
【図１０】ツリー表示の動作の仕組みを示す模式図である。
【図１１】クライアントのグラフ表示処理の動作の流れを示すフローチャートである。
【図１２】サーバのグラフ作成ｃｇｉの動作の流れを示すフローチャートである。
【符号の説明】
【００４８】
１０１…グラフ表示システム、１０２…クライアント、１０３…Ｗｅｂサーバ、１０４…ネットワーク、１０５…Ｗｅｂブラウザ、１０６…Ｗｅｂサーバプログラム、１０７…ツリー表示ｃｇｉ、１０８…グラフ作成ｃｇｉ、１０９…表示部、１１０…ツリー表示制御部、１１１…グラフ表示制御部、１１２…制御部、１１３…入力部、１１４…不揮発性ストレージ、１１５…ツリー構造データファイル、１１６…グラフ表示データファイル、１１７…「部門条件」カテゴリ、１１８…ツリー構造テーブル、１１９…ツリー表示テーブル、１２０…「製品条件」カテゴリ、１２１…ツリー構造テーブル、１２２…ツリー表示テーブル、１２３…グラフ用テーブル、２０１…表示画面、２０２…ツリー表示領域、２０３…グラフ表示領域、２０４…検索条件設定領域、２０５…部門条件ツリー領域、２０６…製品条件ツリー領域、２０７…ツリー表示制御ボタン、２０８…ツリー末端表示記号、２０９…グラフ表示制御ボタン、２１０…「保存」ボタン、１００２…表示用リスト
【技術分野】
【０００１】
本発明は、グラフ表示装置及びグラフ表示システムに適用して好適な技術に関する。
より詳細には、階層構造を有する検索キーを、グラフ表示の際に設定する技術に関する。
【背景技術】
【０００２】
様々なデータを可視化して分析するために、グラフは必要不可欠な存在である。
特に、企業等の売り上げの分析等に、グラフは有効である。
なお、本発明に関係すると思われる先行技術文献を、特許文献１に示す。
【特許文献１】特開平１０−２１２６０号公報
【発明の開示】
【発明が解決しようとする課題】
【０００３】
ある事象をグラフで分析するに際し、大きな視点から微細な視点へと、視点を変化させて分析を行いたい場合がある。
具体例で言うと、例えば企業の売り上げの分析に際し、会社全体の視点から営業部門全体、各営業部門、そして更に末端のグループへと、売り上げの内容を分析したい場合がある。
或は、当該企業が販売する全ての商品から、その商品を大きく分類する視点、更に細かく分類する視点、そして具体的な個々の商品へと、売り上げの内容を分析したい場合でも同様である。
このように、分析対象の範囲を変えながら、グラフ表示を行う方法は、知られていない技術である。
【０００４】
本発明はかかる点に鑑みてなされたものであり、わかりやすい視点で瞬時にグラフ表示の対象を変更でき、事象の分析が迅速に実現できる、グラフ表示装置及びグラフ表示システムを提供することを目的とする。
【課題を解決するための手段】
【０００５】
上記課題を解決するため、本発明のグラフ表示装置は、操作情報を出力する入力部と、ツリー表示領域と、グラフ表示領域とを有する表示部とから構成される。
表示部は、ツリー表示領域において、複数の検索キーを階層表示すると共に、入力部の操作に応じて階層表示を変化させる。
更に、表示部は、グラフ表示領域において、入力部のツリー表示領域における検索キーの選択操作情報に呼応して表示内容を変更する。
【０００６】
また、本発明のグラフ表示システムは、グラフ表示装置とサーバよりなる。
グラフ表示装置は、操作情報を出力する入力部と、複数の検索キーを階層表示するツリー表示領域と、グラフ表示領域とを有する表示部と、入力部と表示部との間に接続され、入力部のツリー表示領域における検索キーのツリー表示操作情報に応じて階層表示を変化させるべく制御すると共に、入力部のツリー表示領域における検索キーの選択操作情報を送信する制御部とから構成される。
一方、サーバは、複数の検索キーの階層関係が格納されているツリー構造テーブルと、複数の検索キーと共にグラフ表示のための情報が格納されているグラフ用テーブルと、入力部のツリー表示領域における検索キーのツリー表示操作情報を制御部から受信してツリー構造テーブルを検索し、検索結果を制御部に送信するツリー表示用検索部と、入力部のツリー表示領域における検索キーの選択操作情報を制御部から受信してグラフ用テーブルを検索し、検索結果を制御部に送信するグラフ作成用検索部とから構成される。
【０００７】
階層的に分類できる検索キーを、ツリー状に表示すると共に、ツリー展開及び収納を操作できる領域を、グラフ表示領域の傍に設ける。ツリー状に表示した検索キーを指定してグラフを表示することにより、今表示しているグラフがどのような限定条件で表示されているのかが、一目瞭然に判る。
【発明の効果】
【０００８】
本発明によれば、わかりやすい視点で瞬時にグラフ表示の対象を変更でき、事象の分析が迅速に実現できる、グラフ表示装置及びグラフ表示システムを提供できる。
【発明を実施するための最良の形態】
【０００９】
以下、図１〜図１２に基づいて、本発明の実施形態例を説明する。
図１は、本発明の一実施形態の例である、グラフ表示システムの機能ブロック図である。
グラフ表示システム１０１は、クライアント１０２とＷｅｂサーバ１０３よりなる。クライアント１０２とＷｅｂサーバ１０３はネットワーク１０４を介して接続されている。クライアント１０２は周知のパソコンであり、ネットワークＯＳが稼動し、その上でＷｅｂブラウザ１０５が動作する。
【００１０】
Ｗｅｂサーバ１０３内にはＷｅｂサーバプログラム１０６と、これによって起動される、ツリー表示用検索部ともいえるツリー表示ｃｇｉ（Common Gateway Interface）１０７と、グラフ作成用検索部ともいえるグラフ作成ｃｇｉ１０８がある。これらｃｇｉは、後述する複数のテーブルから必要なデータを読み出す。
【００１１】
Ｗｅｂブラウザ１０５は、周知のＡｊａｘによって、周知のディスプレイよりなる表示部１０９に、画面の全面的書換処理が不要な、動的なｈｔｍｌ文書の表示を可能にする。ここでＡｊａｘとは、Asynchronous JavaScript（登録商標） + XML の略であり、Ｗｅｂブラウザに実装されているＪａｖａＳｃｒｉｐｔ（登録商標）のＨＴＴＰ通信機能を使って、Ｗｅｂページのリロードを伴わずに、ＷｅｂサーバとＸＭＬ形式のデータのやり取りを行って処理を進めていく、対話型Ｗｅｂアプリケーションの実装形態をいう。
Ｗｅｂブラウザ１０５は、Ｗｅｂサーバ１０３にアクセスすると、Ｗｅｂサーバ１０３からＡｊａｘの機能を実現するＪａｖａＳｃｒｉｐｔ（登録商標）プログラムをダウンロードし、これを実行する。すると、このプログラムによって、クライアント１０２に、ツリー表示制御部１１０とグラフ表示制御部１１１と制御部１１２という機能が追加される。
【００１２】
入力部１１３はキーボードやマウス等の、周知の入力装置である。
制御部１１２は入力部１１３から操作情報を取得する。そして、必要に応じてＷｅｂサーバ１０３のツリー表示ｃｇｉ１０７或はグラフ作成ｃｇｉ１０８に所定の命令を送信し、その結果のデータを受信する。制御部１１２は受信したデータを不揮発性ストレージ１１４にファイルとして蓄積する。ここで、制御部１１２によって、不揮発性ストレージ１１４に作成されるファイルは、ツリー構造データファイル１１５とグラフ表示データファイル１１６である。
その後、制御部１１２はツリー表示制御部１１０或はグラフ表示制御部１１１を制御して、当該ファイルを読み込ませ、表示制御を行わせる。
【００１３】
図２は、クライアント１０２の表示部１０９に表示される表示画面の一例である。
Ｗｅｂブラウザ１０５によって表示される表示画面２０１は、ツリー表示領域２０２とグラフ表示領域２０３と検索条件設定領域２０４に分けられる。
グラフ表示領域２０３は、その名の通り、グラフを表示する領域である。グラフ表示制御部１１１によってグラフ表示領域２０３に表示される内容が作成される。図２に示す表示画面２０１では、甲会社の売上実績を表示している。
検索条件設定領域２０４は、グラフ表示領域２０３に表示されるグラフに対し、グラフを表示するための様々な条件を設定する領域である。種々の検索条件が、プルダウンメニュー形式等で設定できる。
設定した検索条件は、「保存」ボタン２１０を押すことで、Ｗｅｂブラウザ１０５のＣｏｏｋｉｅとして保存される。このＣｏｏｋｉｅは、後述する初期状態表示処理の際に用いられる。
【００１４】
ツリー表示領域２０２は、グラフ表示領域２０３に表示されるグラフが示す、「表示するデータの範囲」を指定する画面である。ツリー表示制御部１１０によってツリー表示領域２０２に表示される内容が作成される。
ツリー表示領域２０２は、検索条件がカテゴリ別に分けられている。図２に示す表示画面２０１では、「部門条件」というカテゴリと、「製品条件」というカテゴリに分けられている。ここではそれぞれ、部門条件ツリー領域２０５と製品条件ツリー領域２０６と呼ぶ。
これらカテゴリに基づいて、表示範囲を指定するキーが、階層構造にて表示されている。
【００１５】
ツリー表示領域２０２中、「◆」（黒塗りの菱形）で示すボタンは、ツリー表示制御ボタン２０７である。このボタンは、黒塗りの菱形の文字或は画像と共に、クリックできるリンクが、ｈｔｍｌ文書内に記述されている。これは周知の、ＵＲＬを指定する「<a href="...">」で始まり「</a>」で終わる、「Ａタグ」と呼ばれるリンクである。これをマウス等でクリックすると、そのクリックされた行の直下に、下位の階層の内容が列挙された状態で表示される。
ツリー表示領域２０２中、「◇」（白抜きの菱形）という記号は、ツリー末端表示記号２０８である。この記号は、ツリー構造の末端を示す記号であり、マウス等でクリックできない。つまり、Ａタグは記述されていない。
ツリー表示領域２０２中、「□」（白抜きの四角）で示すボタンは、グラフ表示制御ボタン２０９である。これをマウス等でクリックすると、グラフ表示領域２０３に表示されるグラフが、そのクリックされた行の内容に限定されたものとなる。そして、グラフ表示制御ボタン２０９は「■」（黒塗りの四角）に表示が変化する。
【００１６】
図３は、ツリー表示領域２０２の状態遷移を示す図である。ここでは、ツリー表示領域２０２の「部門条件」というカテゴリについて、例を示す。
部門条件ツリー領域２０５に「本社」のみ表示されている状態（Ｐ３０１）で、「本社」のツリー表示制御ボタン２０７を押すと、「本社」の直下に属する組織が、一段（一文字）下げられて、列挙された状態で表示される（Ｐ３０１→（ア））。
部門条件ツリー領域２０５に、「本社」の直下に属する組織が、一文字分下げられて表示されている状態（Ｐ３０２）で、「営業本部」のツリー表示制御ボタン２０７を押すと、「営業本部」の直下に所属する組織が、一文字分下げられて、列挙された状態で表示される（Ｐ３０２→（イ））。
部門条件ツリー領域２０５に、「営業本部」の直下に所属する組織が、一文字分下げられて表示されている状態（Ｐ３０３）で、「Ａ営業部」のツリー表示制御ボタン２０７を押すと、「Ａ営業部」の直下に所属する組織が、一文字分下げられて、列挙された状態で表示される（Ｐ３０３→（ウ））。このとき、列挙された状態で表示されている「Ａ営業１課」及び「Ａ営業２課」という組織は、末端の組織である。そのため、白抜きの菱形（「◇」）であるツリー末端表示記号２０８が表示されている。
【００１７】
部門条件ツリー領域２０５が状態Ｐ３０２の表示状態の時に、「本社」の前にある黒塗り菱形（「◆」）のツリー表示制御ボタン２０７を押すと、それまで列挙された状態で表示されていた、「本社」の直下に属する組織の表示が、消去される（Ｐ３０２→（エ）→Ｐ３０１）。
【００１８】
部門条件ツリー領域２０５が状態Ｐ３０３の表示状態の時に、「営業本部」の前にある黒塗り菱形（「◆」）のツリー表示制御ボタン２０７を押すと、それまで列挙された状態で表示されていた、「営業本部」の直下に属する組織の表示が、消去される（Ｐ３０３→（オ）→Ｐ３０２）。
部門条件ツリー領域２０５が状態Ｐ３０３の表示状態の時に、「本社」の前にある黒塗り菱形（「◆」）のツリー表示制御ボタン２０７を押すと、それまで列挙された状態で表示されていた、「本社」の直下に属する組織の表示が、「営業本部」の直下に属する組織の表示も含めて消去される（Ｐ３０３→（カ）→Ｐ３０１）。
【００１９】
部門条件ツリー領域２０５が状態Ｐ３０４の表示状態の時に、「Ａ営業部」の前にある黒塗り菱形（「◆」）のツリー表示制御ボタン２０７を押すと、それまで列挙された状態で表示されていた、「Ａ営業部」の直下に属する組織の表示が、消去される（Ｐ３０４→（キ）→Ｐ３０３）。
部門条件ツリー領域２０５が状態Ｐ３０４の表示状態の時に、「営業本部」の前にある黒塗り菱形（「◆」）のツリー表示制御ボタン２０７を押すと、それまで列挙された状態で表示されていた、「営業本部」の直下に属する組織の表示が、「Ａ営業部」の直下に属する組織の表示も含めて消去される（Ｐ３０４→（ク）→Ｐ３０２）。
部門条件ツリー領域２０５が状態Ｐ３０４の表示状態の時に、「本社」の前にある黒塗り菱形（「◆」）のツリー表示制御ボタン２０７を押すと、それまで列挙された状態で表示されていた、「本社」の直下に属する組織の表示が、「Ａ営業部」の直下に属する組織の表示と、「営業本部」の直下に属する組織の表示も含めて消去される（Ｐ３０４→（ケ）→Ｐ３０１）。
【００２０】
図４（ａ）、（ｂ）、（ｃ）及び（ｄ）は、部門条件ツリー領域２０５の変化とグラフ表示領域２０３の変化を示す図である。
図４（ａ）において、部門条件ツリー領域２０５中の「本社」の横にあるグラフ表示制御ボタン２０９をクリックすると、「□」（白抜きの四角）から「■」（黒塗りの四角）に表示が変化する。これに伴い、グラフは本社の売り上げを示すグラフが表示される。グラフの縦軸が本社の売り上げに応じて「６００百万」になっている。
図４（ｂ）において、部門条件ツリー領域２０５中の「営業本部」の横にあるグラフ表示制御ボタン２０９をクリックすると、「本社」の横にあるグラフ表示制御ボタン２０９の黒塗り四角が、「営業本部」の横に移動する。これに伴い、グラフは営業本部の売り上げを示すグラフが表示される。グラフの縦軸が営業本部の売り上げに応じて「５００百万」になっている。
【００２１】
図４（ｃ）において、部門条件ツリー領域２０５中の「Ａ営業部」の横にあるグラフ表示制御ボタン２０９をクリックすると、「営業本部」の横にあるグラフ表示制御ボタン２０９の黒塗り四角が、「Ａ営業部」の横に移動する。これに伴い、グラフはＡ営業部の売り上げを示すグラフが表示される。グラフの縦軸がＡ営業部の売り上げに応じて「１００百万」になっている。
図４（ｄ）において、部門条件ツリー領域２０５中の「Ａ営業部」の横にあるグラフ表示制御ボタン２０９をクリックすると、「Ａ営業部」の横にあるグラフ表示制御ボタン２０９の黒塗り四角の表示が、白塗り四角に変化する。すると、グラフ表示領域２０３中に黒塗り四角が存在しなくなる。これに伴い、グラフはグループ会社も含めた全体の売り上げを示すグラフが表示される。グラフの縦軸が本社とグループ各社の売り上げの合計に応じて「１０００百万」になっている。
【００２２】
以上の説明よりわかるように、グラフ表示制御ボタン２０９は、マウス等でクリックする度毎に、白抜き四角と黒塗り四角とで表示を切り替える、トグル動作となっている。
グラフ表示制御ボタン２０９が黒塗り四角で表示されている時は、その項目を選択していることを表す。グラフ表示制御ボタン２０９が白抜き四角で表示されている時は、その項目を選択していないことを表す。ここで、「選択していない」とは、「検索条件として除外する」という意味のＮＯＴ条件ではなく、検索条件として指定していないことを意味する。
【００２３】
図５はテーブルの一例を示す図である。ここでは、図１の「部門条件」カテゴリ１１７を例示して説明する。
ツリー構造テーブル１１８は、ツリー表示領域２０２に表示される内容の、親子関係を記述するテーブルである。このツリー構造テーブル１１８は、「部門条件」について記述している。「親部門コード」フィールドと「子部門コード」フィールドが、一対多の関係になっている。
ツリー表示テーブル１１９は、ツリー表示領域２０２に表示される内容が記述されるテーブルである。「部門コード」フィールドと、「ツリー表示用文字列」フィールドと、「末端部門フラグ」フィールドがある。特に、「ツリー表示用文字列」フィールドは、ツリー表示に必要な字下げを含めた、全てのツリー構造を展開した状態の文字列が、格納される。
なお、ここでは「部門条件」カテゴリ１１７におけるツリー構造テーブル１１８とツリー表示テーブル１１９を示しているが、「製品条件」カテゴリ１２０についても同様のツリー構造テーブル１２１とツリー表示テーブル１２２が存在する。この場合、「親部門コード」「子部門コード」の代わりに、「親製品カテゴリコード」と「子製品カテゴリコード」というように、親子関係が記述される。フィールド名は変わるが、その親子関係は同じである。
グラフ用テーブル１２３は、グラフに表示するデータが格納されるテーブルである。
「末端部門コード」フィールドには、「部門条件」に属するツリー表示テーブル１１９の「末端部門フラグ」フィールドの値が「真」である部門コードが記述される。
「末端商品コード」フィールドには、「製品条件」に属するツリー表示テーブル１２２の「末端製品フラグ」フィールドの値が「真」である製品コードが記述される。
【００２４】
「日付」フィールドは、グラフに表示するデータの、横軸に相当するデータが記録される。
「販路Ａ売上」フィールド、「販路Ｂ売上」フィールド、「販路Ｃ売上」フィールド及び「販路Ｄ売上」フィールドは、グラフに表示するデータの、縦軸に相当するデータが記録される。
ここではあくまでも一例としてこのようなフィールドを想定している。
【００２５】
この実施形態では、末端部門のみが具体的な数値を記録し、グラフ用テーブル１２３に記録されていることを想定している。
図５の場合では、実際に売り上げを記録する部門は、末端の、例えば「Ａ営業１課」或は「Ａ営業２課」等の、末端部門フラグが真の部門だけである。
【００２６】
［ツリー表示］
これより、ツリー表示の動作を説明する。
図６は、クライアント１０２の全体処理の流れを示すフローチャートである。
図７は、クライアント１０２のツリー展開処理の動作の流れを示すフローチャートである。
図８は、クライアント１０２のツリー収納処理の動作の流れを示すフローチャートである。
図９は、サーバのツリー表示ｃｇｉ１０７の動作の流れを示すフローチャートである。
【００２７】
まず、図６を参照して、クライアント１０２の全体の動作の流れを説明する。
なお、これはＷｅｂブラウザ１０５の動作のうち、本実施形態にかかる部分のみを抜粋して、仮想的にフローチャートにしたものである。実際には、Ｗｅｂブラウザ１０５は能動的に入力待ちをしている訳ではなく、クリックしたリンクに呼応して、所定の処理が行われる。具体的には、リンクに埋め込まれているＵＲＬに従ってＷｅｂサーバ１０３にアクセスすると共に、Ｗｅｂブラウザ１０５内で動作するＪａｖａＳｃｒｉｐｔプログラムがＷｅｂサーバ１０３から受信したデータの処理を行う。すなわち、Ｗｅｂブラウザ１０５は対話式（interactive）に動作する。
【００２８】
Ｗｅｂブラウザ１０５がＷｅｂサーバ１０３にアクセスすると（Ｓ６０１）、先ず初期状態の表示画面２０１が表示される（Ｓ６０２）。この初期状態の表示画面において、ツリー表示領域２０２にはツリー展開が一切されていない状態の検索条件が表示される。なお、「保存」ボタン２１０によって、検索条件がＣｏｏｋｉｅに保存されている場合は、この検索条件に基づいて検索及び表示制御が行われた後、グラフやツリー構造が表示画面２０１に表示される。
表示部１０９のグラフ表示領域２０３には、Ｗｅｂブラウザ１０５によって、一切の限定条件が与えられない状態のグラフが表示される。そして、Ｗｅｂブラウザ１０５はマウス等の入力を待つ（Ｓ６０３）。
【００２９】
マウス等でクリックした対象がツリー表示制御ボタン２０７で、且つその検索条件がツリー展開されていない場合は、ツリー展開の指示がなされたことを意味する（Ｓ６０４のＹ）。そこで、Ｗｅｂブラウザ１０５はツリー展開処理を行う（Ｓ６０５）。そうでない場合（Ｓ６０４のＮ）は、次の判断処理（Ｓ６０６）に移行する。
マウス等でクリックした対象がツリー表示制御ボタン２０７で、且つその検索条件が既にツリー展開されている場合は、ツリー収納の指示がなされたことを意味する（Ｓ６０６のＹ）。そこで、Ｗｅｂブラウザ１０５はツリー収納処理を行う（Ｓ６０７）。そうでない場合（Ｓ６０６のＮ）は、次の判断処理（Ｓ６０８）に移行する。
マウス等でクリックした対象がグラフ表示制御ボタン２０９である場合は（Ｓ６０８のＹ）、グラフ表示処理を行う（Ｓ６０９）。
グラフ表示等を終了するボタン等の操作であれば（Ｓ６０８のＮ）、処理を終了する（Ｓ６１０）。
ステップＳ６０５のツリー展開処理、ステップＳ６０７のツリー収納処理、ステップＳ６０９のグラフ表示処理のいずれの処理においても、それらの処理を完遂した後、再び次の入力を待つ（Ｓ６０３）。
【００３０】
次に、図７を参照して、Ｗｅｂブラウザ１０５によるツリー展開処理の動作の流れを説明する。これは図６のステップＳ６０５の動作の詳細である。
Ｗｅｂブラウザ１０５の制御部１１２は、処理を開始すると（Ｓ７０１）、先ず、ツリー表示制御ボタン２０７に埋め込まれているリンクのＵＲＬにアクセスする。ＵＲＬには、検索条件である検索キーが含まれる、ツリー表示ｃｇｉ１０７が指定されている（Ｓ７０２）。
次に、制御部１１２はＷｅｂサーバ１０３のツリー表示ｃｇｉ１０７から送信されるデータの受信完了を待つ（Ｓ７０３）。
【００３１】
データ受信が完遂したら（Ｓ７０３のＹ）、制御部１１２はＸＭＬフォーマットで記述されている受信データをＨＴＭＬに変換し（Ｓ７０４）、階層構造のツリーデータを作成するための、挿入処理を行う（Ｓ７０５）。この挿入処理の詳細は後述する（図１０参照）。この動作によって、ツリー構造データファイル１１５は更新される。
そして、制御部１１２はツリー表示制御部１１０を制御する。ツリー表示制御部１１０は、更新されたツリー構造データファイル１１５に基づき、クリックされたツリー表示制御ボタン２０７に埋め込まれているリンクの内容を書き換えて、表示部１０９に表示されているツリー表示の更新を行い（Ｓ７０６）、処理を終了する（Ｓ７０７）。
【００３２】
次に、図８を参照して、Ｗｅｂブラウザ１０５によるツリー収納処理の動作の流れを説明する。これは図６のステップＳ６０７の動作の詳細である。
制御部１１２は、処理を開始すると（Ｓ８０１）、先ず、ツリー表示制御ボタン２０７に埋め込まれているリンクのＵＲＬを解釈する。そして、ツリー構造データファイル１１５の、クリックされた検索条件の次の行以降に記述されている、下位の階層の行（レコード）を削除する（Ｓ８０２）。
そして、制御部１１２はツリー表示制御部１１０を制御する。ツリー表示制御部１１０は、更新されたツリー構造データファイル１１５に基づき、クリックされたツリー表示制御ボタン２０７に埋め込まれているリンクの内容を書き換えて（Ｓ８０３）、表示部１０９に表示されているツリー表示の更新を行い（Ｓ８０４）、処理を終了する（Ｓ８０５）。
以上の説明で判るように、ツリー収納処理の際、Ｗｅｂブラウザ１０５はＷｅｂサーバ１０３にはアクセスしない（する必要がない）。
【００３３】
次に、図９を参照して、Ｗｅｂサーバ１０３のツリー表示ｃｇｉ１０７の動作の流れを説明する。
Ｗｅｂサーバプログラム１０６は、Ｗｅｂブラウザ１０５からアクセスされることによって、ツリー表示ｃｇｉ１０７を起動する（Ｓ９０１）。すると、ツリー表示ｃｇｉ１０７は、ツリー構造テーブル１１８の親部門コードを、Ｗｅｂブラウザ１０５から与えられた検索キー（部門コード）にて検索を行う。そして、得られた子部門コードの一時リストを作成する（Ｓ９０２）。
次に、ツリー表示ｃｇｉ１０７は、得られた一時リスト内の部門コードを検索キーにして、ツリー表示テーブル１１９を検索して、Ｗｅｂブラウザ１０５に送信するためのリストを作成する（Ｓ９０３）。
ツリー表示ｃｇｉ１０７は、当該リストをＷｅｂブラウザ１０５に送信して（Ｓ９０４）、処理を終了する（Ｓ９０５）。
【００３４】
図１０は、ツリー表示の動作の仕組みを示す、模式図である。
マウス等の入力部１１３によってツリー表示制御ボタン２０７がクリックされると（図７のＳ７０１）、これを制御部１１２が受け、サーバのツリー表示ｃｇｉ１０７に命令が送信される（Ｓ７０２）。
ツリー表示ｃｇｉ１０７は、制御部１１２によって起動されると（図９のＳ９０１）、ツリー構造テーブル１１８を検索し、子部門コードのリストを得る（Ｓ９０２）。次に、そのリストを基にツリー表示テーブル１１９を検索し、表示用リスト１００２を得る（Ｓ９０３）。
表示用リスト１００２はツリー表示ｃｇｉ１０７から制御部１１２を介してツリー表示制御部１１０に渡される（図７のステップＳ７０３）。ツリー表示制御部１１０は、受信したＸＭＬ形式の表示用リストをＨＴＭＬ形式の文書に変換して（Ｓ７０４）、ツリー構造データファイル１１５の然るべき箇所に挿入する（Ｓ７０５）。そして、表示部１０９にツリー表示処理を行う（Ｓ７０６）。こうして、下位階層の展開表示が実現する。
【００３５】
マウス等の入力部１１３によってツリー表示制御ボタン２０７がクリックされると、これを制御部１１２が受け（図８のＳ８０１）、ツリー表示制御部１１０に処理内容が渡される。ツリー表示制御部１１０は下位階層のリストを消去し（Ｓ８０２）、押されたリンクの内容を書き換えて（Ｓ８０３）、ツリーの再表示を行う（Ｓ８０４）。こうして、下位階層の収納表示が実現する。
【００３６】
［グラフ表示］
これより、図１１及び図１２に基づいて、グラフ表示の動作の流れを説明する。
図１１は、クライアント１０２のグラフ表示処理の動作の流れを示すフローチャートである。
図１２は、サーバのグラフ作成ｃｇｉ１０８の動作の流れを示すフローチャートである。
【００３７】
まず、図１１を参照して、グラフ表示処理の動作の流れを説明する。
処理を開始すると（Ｓ１１０１）、制御部１１２は先ず、グラフ表示制御ボタン２０９に埋め込まれているリンクのＵＲＬにアクセスする。ＵＲＬには、検索条件である検索キーが含まれる、グラフ作成ｃｇｉ１０８が指定されている（Ｓ１１０２）。
次に、制御部１１２はＷｅｂサーバ１０３のグラフ作成ｃｇｉ１０８から送信されるデータの受信完了を待つ（Ｓ１１０３）。
【００３８】
データ受信が完遂したら（Ｓ１１０３のＹ）、制御部１１２は受信データを不揮発性ストレージ１１４内にグラフ表示データファイル１１６として蓄積する。この動作によって、グラフ表示データファイル１１６は更新される。
次に、制御部１１２はグラフ表示制御部１１１を制御する。グラフ表示制御部１１１は、グラフ表示データファイル１１６に基づいて、表示部１０９に表示されているグラフ表示の更新を行い（Ｓ１１０４）、処理を終了する（Ｓ１１０５）。
【００３９】
次に、図１２を参照して、Ｗｅｂサーバ１０３のグラフ作成ｃｇｉ１０８の動作の流れを説明する。
Ｗｅｂサーバプログラム１０６は、Ｗｅｂブラウザ１０５からアクセスされることによって、グラフ作成ｃｇｉ１０８を起動する（Ｓ１２０１）。すると、グラフ作成ｃｇｉ１０８は、ツリー構造テーブル１１８の親部門コードを、Ｗｅｂブラウザ１０５から与えられた検索キー（部門コード）にて検索を行い、子部門コードのリストを得る。そして、得られた子部門コードのリストを検索キーにして、再度ツリー構造テーブル１１８の親部門コードを検索する。この、再帰的検索動作を繰り返し、最終的に末端部門である部門コードのリストを得る（Ｓ１２０２）。この再帰的検索動作によって得られるリストは、自ずとツリー表示テーブル１１９の末端部門フラグが真である部門コードとなる。
【００４０】
次に、グラフ作成ｃｇｉ１０８は、得られたリスト内の部門コードを検索キーにして、グラフ用テーブル１２３を検索して、グラフ用テーブル１２３から得るレコードを限定する（Ｓ１２０３）。
そして、グラフ作成ｃｇｉ１０８は、所定の条件に従って、グラフ用テーブル１２３の値からグラフ表示用ファイルを作成し（Ｓ１２０４）、Ｗｅｂブラウザ１０５に送信して（Ｓ１２０５）、処理を終了する（Ｓ１２０６）。
【００４１】
ステップＳ１２０２の時点で、ツリー構造の上位に位置する検索キーを指定すると、その下位に含まれる末端の検索キー（部門コード）を全て含むリストが、グラフ作成ｃｇｉ１０８によって作成される。
ステップＳ１２０３では、このリストに列挙される検索キーを全てＯＲ条件で指定して、グラフ用テーブル１２３を検索する。
すなわち、ツリー表示領域２０２に表示されるツリー構造に従った検索が実現される。
【００４２】
本実施形態には、以下のような応用例が考えられる。
（１）本実施形態では、ツリー表示を行うために、ツリー表示テーブル１１９を用意し、ツリー構造テーブル１１８から検索して、ツリー展開処理を行った。
ところで、ツリー表示テーブル１１９は、部門コードのフィールドと部門名のフィールドよりなるテーブルと、ツリー構造テーブル１１８があれば、所定のプログラムで自動的に作成できるものである。そこで、ツリー表示テーブル１１９を用意しない代わりに、部門マスタとツリー構造テーブル１１８で、表示用リスト１００２を自動生成するようにしてもよい。
【００４３】
（２）グラフ表示制御ボタン２０９は、複数指定させることができる。この場合、指定した（黒塗りの四角に表示された）検索キーが、それぞれＯＲ条件で設定されて、グラフ用テーブル１２３を検索することとなる。
【００４４】
（３）上述の実施形態では、Ｗｅｂサーバ１０３にはユーザ認証の仕組みは記述していなかった。しかし、必要に応じてグラフ表示が可能なユーザを限定するために、周知のＣｏｏｋｉｅ認証等のユーザ認証の仕組みを採用することができる。
また、その際、「保存」ボタン２１０による検索条件の保存機能は、ユーザ認証と組にすることができる。一例としては、認証用のＣｏｏｋｉｅと検索条件保存用のＣｏｏｋｉｅを共通のものにすることができる。
【００４５】
本実施形態においては、グラフ表示システムを開示した。
階層的に分類できる検索キーを、ツリー構造で表示すると共に、その検索キーをクリック操作することで、即座にグラフ表示の限定条件として反映させることができる。このため、グラフ表示に極めて直感的なユーザインターフェースを提供できる。
【００４６】
以上、本発明の実施形態例について説明したが、本発明は上記実施形態例に限定されるものではなく、特許請求の範囲に記載した本発明の要旨を逸脱しない限りにおいて、他の変形例、応用例を含むことは言うまでもない。
【図面の簡単な説明】
【００４７】
【図１】本発明の一実施形態の例である、グラフ表示システムの機能ブロック図である。
【図２】クライアントの表示部に表示される表示画面の一例である。
【図３】ツリー表示領域の状態遷移を示す図である。
【図４】部門条件ツリー領域の変化とグラフ表示領域の変化を示す図である。
【図５】テーブルの一例を示す図である。
【図６】クライアントの全体処理の流れを示すフローチャートである。
【図７】クライアントのツリー展開処理の動作の流れを示すフローチャートである。
【図８】クライアントのツリー収納処理の動作の流れを示すフローチャートである。
【図９】サーバのツリー表示ｃｇｉの動作の流れを示すフローチャートである。
【図１０】ツリー表示の動作の仕組みを示す模式図である。
【図１１】クライアントのグラフ表示処理の動作の流れを示すフローチャートである。
【図１２】サーバのグラフ作成ｃｇｉの動作の流れを示すフローチャートである。
【符号の説明】
【００４８】
１０１…グラフ表示システム、１０２…クライアント、１０３…Ｗｅｂサーバ、１０４…ネットワーク、１０５…Ｗｅｂブラウザ、１０６…Ｗｅｂサーバプログラム、１０７…ツリー表示ｃｇｉ、１０８…グラフ作成ｃｇｉ、１０９…表示部、１１０…ツリー表示制御部、１１１…グラフ表示制御部、１１２…制御部、１１３…入力部、１１４…不揮発性ストレージ、１１５…ツリー構造データファイル、１１６…グラフ表示データファイル、１１７…「部門条件」カテゴリ、１１８…ツリー構造テーブル、１１９…ツリー表示テーブル、１２０…「製品条件」カテゴリ、１２１…ツリー構造テーブル、１２２…ツリー表示テーブル、１２３…グラフ用テーブル、２０１…表示画面、２０２…ツリー表示領域、２０３…グラフ表示領域、２０４…検索条件設定領域、２０５…部門条件ツリー領域、２０６…製品条件ツリー領域、２０７…ツリー表示制御ボタン、２０８…ツリー末端表示記号、２０９…グラフ表示制御ボタン、２１０…「保存」ボタン、１００２…表示用リスト
【特許請求の範囲】
【請求項１】
操作情報を出力する入力部と、
複数の検索キーを階層表示すると共に前記入力部の操作に応じて前記階層表示が変化するツリー表示領域と、前記入力部の前記ツリー表示領域における前記検索キーの選択操作情報に呼応して表示内容が選択された前記検索キーの検索結果を反映して変更されるグラフ表示領域とを有する表示部と
を備えることを特徴とする、グラフ表示装置。
【請求項２】
グラフ表示装置とサーバよりなるグラフ表示システムであって、
前記グラフ表示装置は、
操作情報を出力する入力部と、
複数の検索キーを階層表示するツリー表示領域と、グラフ表示領域とを有する表示部と、
前記入力部と前記表示部との間に接続され、前記入力部の前記ツリー表示領域における前記検索キーのツリー表示操作情報に応じて前記階層表示を変化させるべく制御すると共に、前記入力部の前記ツリー表示領域における前記検索キーの選択操作情報を送信する制御部と
を備え、
前記サーバは、
複数の検索キーの階層関係が格納されているツリー構造テーブルと、
前記複数の検索キーと共にグラフ表示のための情報が格納されているグラフ用テーブルと、
前記入力部の前記ツリー表示領域における前記検索キーのツリー表示操作情報を前記制御部から受信して前記ツリー構造テーブルを検索し、検索結果を前記制御部に送信するツリー表示用検索部と、
前記入力部の前記ツリー表示領域における前記検索キーの選択操作情報を前記制御部から受信して前記グラフ用テーブルを検索し、検索結果を前記制御部に送信するグラフ作成用検索部と
を備えることを特徴とする、グラフ表示システム。
【請求項１】
操作情報を出力する入力部と、
複数の検索キーを階層表示すると共に前記入力部の操作に応じて前記階層表示が変化するツリー表示領域と、前記入力部の前記ツリー表示領域における前記検索キーの選択操作情報に呼応して表示内容が選択された前記検索キーの検索結果を反映して変更されるグラフ表示領域とを有する表示部と
を備えることを特徴とする、グラフ表示装置。
【請求項２】
グラフ表示装置とサーバよりなるグラフ表示システムであって、
前記グラフ表示装置は、
操作情報を出力する入力部と、
複数の検索キーを階層表示するツリー表示領域と、グラフ表示領域とを有する表示部と、
前記入力部と前記表示部との間に接続され、前記入力部の前記ツリー表示領域における前記検索キーのツリー表示操作情報に応じて前記階層表示を変化させるべく制御すると共に、前記入力部の前記ツリー表示領域における前記検索キーの選択操作情報を送信する制御部と
を備え、
前記サーバは、
複数の検索キーの階層関係が格納されているツリー構造テーブルと、
前記複数の検索キーと共にグラフ表示のための情報が格納されているグラフ用テーブルと、
前記入力部の前記ツリー表示領域における前記検索キーのツリー表示操作情報を前記制御部から受信して前記ツリー構造テーブルを検索し、検索結果を前記制御部に送信するツリー表示用検索部と、
前記入力部の前記ツリー表示領域における前記検索キーの選択操作情報を前記制御部から受信して前記グラフ用テーブルを検索し、検索結果を前記制御部に送信するグラフ作成用検索部と
を備えることを特徴とする、グラフ表示システム。
【図１】
【図２】
【図３】
【図４】
【図５】
【図６】
【図７】
【図８】
【図９】
【図１０】
【図１１】
【図１２】
【図２】
【図３】
【図４】
【図５】
【図６】
【図７】
【図８】
【図９】
【図１０】
【図１１】
【図１２】
【公開番号】特開２００９−１０４４７９（Ｐ２００９−１０４４７９Ａ）
【公開日】平成２１年５月１４日（２００９．５．１４）
【国際特許分類】
【出願番号】特願２００７−２７６９１９（Ｐ２００７−２７６９１９）
【出願日】平成１９年１０月２４日（２００７．１０．２４）
【出願人】（０００００６７４７）株式会社リコー (37,907)
【Ｆターム（参考）】
【公開日】平成２１年５月１４日（２００９．５．１４）
【国際特許分類】
【出願日】平成１９年１０月２４日（２００７．１０．２４）
【出願人】（０００００６７４７）株式会社リコー (37,907)
【Ｆターム（参考）】
[ Back to top ]