Oracle Application Express 4.0を使用した、グラフ、ガント・チャート、マップの構築

ブラウザに以下のURLを入力し、Oracle Application Expressにログインします。

http://<ホスト名>:8080/apex

Oracle Application Expressにログインするには、次の詳細情報を入力して、「ログイン」をクリックします。

ワークスペース： <作業領域名>
ユーザー名： <ユーザー名>
パスワード： <パスワード>

Oracle Application Expressのホーム・ページで、アプリケーション・ビルダータブの横にある下矢印をクリックし、「アプリケーション」→「データベース・アプリケーションを選択します。

「作成>」をクリックします。

「データベース」を選択し、「次へ >」をクリックします。

「最初から」を選択し、「次へ >」をクリックします。

名前にCharting Applicationと入力して、「次へ >」をクリックします。

ページ・タイプの選択として空白ページが選択されていることを確認し、ページ名にHomeと入力して、「ページの追加」をクリックします。

ページ・タイプとして「チャート」を選択し、以下内容を指定し、「ページの追加」をクリックします。

問合せ：

select null link,
       to_char(o.order_timestamp, 'DY') label,
       sum (decode(p.category,'Accessories',oi.quantity * oi.unit_price))
               "Accessories",
       sum (decode(p.category,'Mens',oi.quantity * oi.unit_price,0)) "Mens",
       sum (decode(p.category,'Womens',oi.quantity * oi.unit_price,0)) "Womens"
from demo_product_info p, demo_order_items oi, demo_orders o
where oi.product_id = p.product_id
and o.order_id = oi.order_id
and (oi.quantity * oi.unit_price) <> 1999
group by to_char(o.order_timestamp, 'DY'), to_char(o.order_timestamp, 'D')
order by to_char(o.order_timestamp, 'D')

「次へ >」をクリックします。

デフォルト値のまま「次へ >」をクリックします。

デフォルト値のまま「次へ >」をクリックします。

リストからアプリケーションの日付書式を選択し、「次へ >」をクリックします。

テーマ1が選択されていることを確認し、「次へ >」をクリックします。

「作成」をクリックし、アプリケーションを作成します。

「アプリケーションの実行」をクリックします。

ユーザー名とパスワードを入力し、「ログイン」をクリックします。

ホーム・ページが表示されます。 「Sales Report」リンクをクリックします。

初期レポートが表示され、 曜日別の売上げ値を確認できます。 続いて、次のトピックではグラフを改善します。 開発者ツールバーの「ページの編集 2」リンクをクリックします。

「リージョン」→「ボディ(3)」を展開し、「Sales Report」リージョンを右クリックして、「チャートの編集」を選択します。

以下の変更を加え、「表示設定」サブタブをクリックします。

以下の変更を加え、「軸の設定」サブタブをクリックします。

X軸のタイトルをCategoryに変更し、「凡例設定」サブタブをクリックします。

凡例の表示に「右」を選択し、凡例タイトルにCategoryを入力して、「変更の適用」をクリックします。

「実行」をクリックします。

グラフが大幅に変更されたことに注目してください。改善前は曜日でグループ分けされ、カテゴリ毎の売上が表示されていましたが、各カテゴリが曜日でグループ分けされたので、カテゴリ別に各曜日の売上げが分かるようになりました。また、売上げの数値が45度回転していることも確認してください。

図に多くの値がある場合は、スクロールバー機能を有効化できます。 開発者ツールバーの「ページの編集2」リンクをクリックします。

「Sales Report」リージョンを右クリックし、「チャートの編集」を選択します。

「表示設定」サブタブを選択します。

スクロールバーを表示に「X軸」を選択し、「変更の適用」をクリックします。

再度ページを実行します。 「ページ2の実行」アイコンをクリックします。

X軸上にスクロールバーがあることを確認します。 スクロールバーを下に動かします。

下方向へスクロールするとグラフが動くことを確認します。続いて次のトピックでは、リソース・ガント・チャートを作成できるようにリソース・データを追加します。 開発者ツールバーにある「ホーム」リンクを選択します。

SQL Workshopの横にある下矢印をクリックし、Utilitiesの下の「データ・ワークショップ」を選択します。

データ・ロードの下の「スプレッドシート・データ」を選択します。

ロード元の下の「ファイルをアップロード（カンマ区切りまたはタブ区切り）」を選択し、「次へ >」をクリックします。

「参照...」をクリックします。

このチュートリアルで使用するファイルの置かれたディレクトリから「gantt_info.txt」ファイルを選択し、「開く」をクリックします。 「1行目のデータに列名が含まれる」のチェック・ボックスが選択されていることを確認し、「次へ >」をクリックします。

表名にGANTT_INFOと入力し、「次へ >」をクリックします。

主キーの移入元として「既存の列を使用」、主キーの移入として「生成しない」を選択し、「データのロード」をクリックします。

GANTT_INFO表が作成され、データが正しくロードされました。 次のトピックでは、このデータを基にしてリソース・ガント・チャートを作成します。「アプリケーション・ビルダー」タブをクリックします。

「Charting Application」を選択します。

次に、リソース・ガント・チャートのための新規ページを作成します。 「ページの作成 >」をクリックします。

「チャート」を選択し、「次へ >」をクリックします。

「Flashチャート」を選択して、「次へ >」をクリックします。

「ガント」を選択し、「次へ >」をクリックします。

「リソース・ガント」を選択し、「次へ >」をクリックします。

ページ名とリージョン名の両方にProgress of Tasks Assigned to Employeesと入力し、「次へ >」をクリックします。

デフォルト値のまま「次へ >」をクリックします。

チャート・タイトルにProgress of Tasks Assigned to Employeesと入力し、バックグラウンド・タイプとして「ソリッド・カラー」を選択します。次に、バックグラウンド・カラー1の色をカラー・パレットから選択します（または、スクリーンショットで指定された色の#99CCFFを使用します）。カラー・スキームに「Look 1」を選択し、「次へ >」をクリックします。

以下のSQLを入力して、「次へ >」をクリックします。

select null link, 
       a.emp_id, 
       (select ename from emp where empno = a.emp_id) name,
       parent_id parent_id, 
       a.START_DATE, 
       a.END_DATE 
  from gantt_info a

「終了」をクリックして、ページを作成します。

「ページの実行」をクリックします。

リソース・ガント・チャートが表示されます。 各従業員が特定のタスクに取り組む日程を確認できます。 次の項では、地図グラフを作成できるように地図データをロードします。

SQLワークショップの横にある下矢印をクリックし、ユーティリティの下の「データ・ワークショップ」を選択します。

データ・ロードの下の「スプレッドシート・データ」を選択します。

ロード元の下の「ファイルをアップロード（カンマ区切りまたはタブ区切り）」を選択し、「次へ >」をクリックします。

「参照...」をクリックします。

ファイル・ディレクトリで「population_info.txt」ファイルを選択し、「開く」をクリックします。 「次へ >」をクリックします。

表名にPOPULATION_INFOと入力し、「次へ >」をクリックします。

主キーの移入元として「既存の列を使用」、主キーの移入として「生成しない」を選択し、「データのロード」をクリックします。

POPULATION_INFO表が作成され、データが正しくロードされたことを確認します。 「アプリケーション・ビルダー」タブをクリックします。

「Charting Application」を選択します。

「作成 >」をクリックします。 既存のページでも地図グラフ・リージョンを作成できます。

「マップ」を選択し、「次へ >」をクリックします。

アメリカ合衆国が選択されていることを確認し、「次へ >」をクリックします。

「Country Maps」を展開し、「States」を選択します。

ページ名とリージョン名の両方にUS State Populationsと入力し、「次へ >」をクリックします。

「次へ >」をクリックします。

マップ・タイトルにUS State Populationsと入力し、「次へ >」をクリックします。

以下のSQLを入力して、「次へ >」をクリックします。

select null link, 
       STATE_NAME label, 
       POPULATION value 
 from  POPULATION_INFO

「終了」をクリックします。

「ページの実行」をクリックします。

グラフが表示されます。 州の1つにカーソルを合わせ、州の人口を表示します。

「+」アイコンをクリックし、地図を拡大します。

地図が拡大されると、地図上に人口値が表示されることを確認します。 また、表示設定を変更することで、地図の見た目を変更できます。 開発者ツールバーの「ページの編集 4」リンクを選択します。

「US State Populations」リージョンを右クリックし、「チャートの編集」を選択します。

「表示設定」サブタブをクリックします。

グリッドの表示に「線なし」、M地図投影法に「エケルト第3図法」を選択し、「変更の適用」をクリックします。

「ページの実行 4」アイコンをクリックします。

地図に緯線が表示されていない点など、投影図がわずかに異なっている事を確認します。