Forguncy 2のグラフ機能を使ってみる特集:Forguncy 2新機能詳説(4/4 ページ)

» 2016年02月05日 05時00分 公開
[かわさきしんじInsider.NET編集部]
前のページへ 1|2|3|4       

動的に更新されるグラフ

 グラフは実はリストビューだけではなく、セル範囲を対象とすることもできる。そこで、ページに以下のようなフィールドを用意した(先ほどのグラフは削除)。

Kさきさんの著書の毎年の販売部数(仮想) Kさきさんの著書の毎年の販売部数(仮想)

 これは、Kさきさん(仮称)が書いた本が毎年どれだけ売れたかを入力したものだ(もちろん、仮想的なデータだ)。部数が如実に落ちているのが、出版不況のせいなのか、Kさきさん自身の問題かはここでは問わないことにする。なお、部数を入力する部分はテキストボックス型のセルにしてあり、Webページで入力可能である(また「万部」が表示されるように書式設定を行っている。つまり、最低でも1万部は売れるだろうと甘いもくろみをしているらしい)。

 ここで[挿入]タブの[縦棒]−[集合縦棒]をクリックしてグラフを作成したら、位置とサイズを調整する。

作成したグラフ 作成したグラフ

 ここでグラフのデータを選択する。これには[グラフツール]の下にある[デザイン]タブで[データの選択]ボタンをクリックする。すると、[データソースの選択]ダイアログが表示されるので、[データソース]に[セル範囲]を選び、[グラフデータの範囲]ボックスの右端にあるボタンをクリックする。

[データの選択]ボタンをクリック
[データの選択]ボタンをクリック
[グラフデータの範囲]ボックス右端のボタンをクリック
[グラフデータの範囲]ボックス右端のボタンをクリック
データの範囲を選択する
データの範囲を選択する
データの選択を確定
[OK]ボタンをクリックしてデータの選択を確定

グラフのデータを選択する


 これによりページには次のように表示される。

作成したグラフ 作成したグラフ

 アプリを実行して、2016年の部数に「200」(万部)と入力してみると、グラフが動的に変更され、Kさきさんがかなり幸せになったことが分かる。

アプリで実際にデータを変更してみたところ アプリで実際にデータを変更してみたところ

 リストビュー(とはつまり、テーブル)を使った場合でも、リストビューでデータの編集が可能な状況であれば、それに応じて、グラフは動的に更新される。何らかのシミュレーションを行うようなアプリではこの機能はとても有用だろう。

 なお、リボンの[グラフツール]の下には[デザイン]タブ、[レイアウト]タブ、[書式]タブがある。これらのタブでは次のような設定が可能だ。

タブ 機能
[デザイン]タブ グラフの種類の変更/縦軸と横軸の切り替え/データの選択
[レイアウト]タブ グラフに表示する各種要素(タイトル、軸ラベルなど)の設定
[書式]タブ グラフのサイズの変更/複数オブジェクトの整列
グラフ関連のタブ


 本稿ではForguncy 2で追加された機能を、グラフを使用したアプリを作成しながら、幾つか紹介した。次回は本稿では紹介できなかった新機能についてさらに見ていくことにする。

「特集:Forguncy 2新機能詳説」のインデックス

特集:Forguncy 2新機能詳説

前のページへ 1|2|3|4       

Copyright© Digital Advantage Corp. All Rights Reserved.

スポンサーからのお知らせPR

注目のテーマ

Microsoft & Windows最前線2025
AI for エンジニアリング
ローコード/ノーコード セントラル by @IT - ITエンジニアがビジネスの中心で活躍する組織へ
Cloud Native Central by @IT - スケーラブルな能力を組織に
システム開発ノウハウ 【発注ナビ】PR
あなたにおすすめの記事PR

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。