カテゴリー
キーワード

MotionBoardダッシュボード作成の悩みを解決:チャートを重ね合わせて表示する

         

MotionBoard上で、チャートをいざ配置していくと色々と悩むことも多いかと思います。そのために参考になる画面デザインをウイングアーク1st社よりサンプルボードとして色々と提供しております。今後も随時追加していきますので、参考にしていただければと思います。
とは言え、どうしても1つの画面の中にいくつかのチャートを収めて視認性を高めたくなると思います。ただ、複数チャートを配置するとなると、それぞれのチャートは小さくならざるを得ません。それらを解消するために、ボタンアイテムの画面最大化を利用して、必要な時に拡大する手が一つあります。もう一つの手として、今回お話しするチャートを重ね合わせて表示する方法があります。これはどの様なことでしょうか。

チャートを重ね合わせて表示するとは

例えば、図のような3枚のチャートがあったとします。これを1画面に収めようとすると、1枚当たりのチャートの面積は画面の1/3になります。ところが、これら3枚を重ね合わせると、1画面に大きく表示させることができるわけです。

では、具体的にどう操作していくのか解説していきます。
実は重ね合わせることは簡単です。編集モードでレイアウト編集を押し、その上で重ねたいチャートをドラッグして、重ね先のチャートにドロップするだけです。

よくみると、左に重ね合わせになっていますよと言うアイコンが表示されます。これをクリックすると、重ね合わせされているチャートがポップアップウインドゥで表示されます。
ここで、一番上に表示されているものが、ボード上で一番上(前面)に表示されます。ちなみに、ここで表示順序も変更できます。ただ、これらは編集モードに入って初めて変更ができるものですので、閲覧ユーザーや慣れていないユーザーには少し難しい話です。

そこでこの表示を変更するボタンアイテムがあります。その前にもう一つのチャートも重ねておきましょう。

3枚重ねた上で、左側の空いたスペースも削除し、画面にチャートが一枚だけある状態にしてみます。

表示非表示切り替えのボタンアイテムとは

では、表示非表示切り替えのボタンアイテムを配置してみましょう。ボタンを押し、立ち上がった新規アクションボタンの設定画面で、ボタン種別を「表示非表示切り替え」に選択します。

そうしますと、下段のアイテム欄にボードに配置されているチャートや明細表他アイテムが一覧で表示されます。このボタンを押すことにより、最上部で表示されるアイテムの右端の表示/非表示にチェックを入れます。クリックをするとチェックが入ります。
ちなみに、もう一度クリックをするとブランクになります。これは、非表示の意味となります。更にもう一度クリックすると、横棒表示になります。これは変更なしという意味で、表示しているならば表示、非表示ならば非表示と、ボタンを押す前と状況を変更しない意味です。
では、今回はエリア別売上集計表を表示、エリア別売上と大分類別売上を非表示に設定します。

ちなみに、表示したいものを表示に設定するだけでいいのではと思われるかもしれません。前述のように、今回の場合は3枚のチャートが重ね合わせられています。つまりその重ね合わせ次第では、そのチャートが最上部にあるならば、表示にするだけでいいわけですが、2番目以降にある場合、その上のチャートが表示されたままだと、見えるのは最上部にあったチャートというわけです。それを回避するために上記の設定が必要となるわけです。

同様に2枚目、3枚目のチャートを表示するボタンを配置したのがこちらの画面。画面一杯のサイズで表示されているチャートをボタンにて切り替える形になります。
是非ともご活用ください。

[著]MotionBoard Cloud 導入支援・定着支援パートナー
株式会社ギミックプロジェクト 山口 純平氏
ハウスメーカーにて商品企画、経営コンサルティング会社にて経営支援、営業支援、設計事務所にて営業マネージャー、新事業企画責任者を経て、クラウドコンピューティングの定着支援を専門に行なう株式会社ギミックプロジェクトを設立。ボードの作成は理路整然としており分かりやすく、また独自の研修カリキュラムには定評がある。

本記事はウイングアーク1st株式会社の運営するThe BLOGに掲載された記事を許可を得て掲載しています。

 

 
×

メルマガ登録をしていただくと、記事やイベントなどの最新情報をお届けいたします。


データ活用 Data utilization テクノロジー technology 社会 society ビジネス business ライフ life 特集 Special feature

関連記事Related article

書評記事Book-review

データのじかん公式InstagramInstagram

データのじかん公式Instagram

30秒で理解!インフォグラフィックや動画で解説!フォローして『1日1記事』インプットしよう!

おすすめ記事Recommended articles

掲載特集

デジタル・DX・データにまつわる4コマ劇場『タイムくん』 デジタル・DX・データにまつわる4コマ劇場『タイムくん』 データのじかんをもっと詳しくデータのじかんフィーチャーズ データのじかんをもっと詳しく データのじかんフィーチャーズ 「47都道府県47色のDXの在り方」を訪ねる『Local DX Lab』 「47都道府県47色のDXの在り方」を訪ねる『Local DX Lab』 DXの1次情報をを世界から『World DX Journal』 DXの1次情報をを世界から 『World DX Journal』 データで越境するあなたへおすすめの『ブックレビュー』 データで越境するあなたへおすすめの 『ブックレビュー』 BIツールユーザーによる、BIツールユーザーのための、BIツールのトリセツ BIツールユーザーによる、BIツールユーザーのための、BIツールのトリセツ CIOの履歴書 by 一般社団法人CIOシェアリング協議会 CIOの履歴書 by 一般社団法人CIOシェアリング協議会 なぜ、日本企業のIT化が進まないのか――日本のSI構造から考える なぜ、日本企業のIT化が進まないのか――日本のSI構造から考える 日本ビジネスの血流である帳票のトレンドを徹底解説 日本ビジネスの血流である帳票のトレンドを徹底解説 データを武器にした課題解決家「柏木吉基」のあなたの組織がデータを活かせていないワケ データを武器にした課題解決家「柏木吉基」のあなたの組織がデータを活かせていないワケ BI(ビジネスインテリジェンス)のトリセツ BI(ビジネスインテリジェンス)のトリセツ 入社1年目に知っておきたい差が付くKPIマネジメント 入社1年目に知っておきたい 差が付くKPIマネジメント CIOLounge矢島氏が紐解くトップランナーたちのDXの“ホンネ” CIOLounge矢島氏が紐解く トップランナーたちのDXの“ホンネ” データのじかん Resources越境者のためのお役立ち資料集 データのじかん Resources 越境者のためのお役立ち資料集 AI実装の現在地点-トップITベンダーの捉え方 AI実装の現在地点-トップITベンダーの捉え方 データでビジネス、ライフを変える、面白くするDATA LOVERS データでビジネス、ライフを変える、 面白くするDATA LOVERS データマネジメント・ラジオ by データ横丁 データマネジメント・ラジオ by データ横丁 データのじかんNews データのじかんNews データ・情報は生もの!『DX Namamono information』 データ・情報は生もの! 『DX Namamono information』 ちょびっとラビット耳よりラピッドニュース ちょびっとラビット耳よりラピッドニュース AI事務員宮西さん(データ組織立ち上げ編) AI事務員宮西さん(データ組織立ち上げ編) 藤谷先生と一緒に学ぶ、DXリーダーのための危機管理入門 藤谷先生と一緒に学ぶ、DXリーダーのための危機管理入門 生情報取材班AI時代に逆行?ヒトが体感した「生情報」のみをお届け! 生情報取材班AI時代に逆行?ヒトが体感した「生情報」のみをお届け! データはともだち 〜怖くないよ!by UpdataTV Original データはともだち 〜怖くないよ!by UpdataTV Original データ飯店〜データに携わるモノたちの2.5thプレイス by UpdataTV〜 データ飯店〜データに携わるモノたちの2.5thプレイス by UpdataTV〜 インサイトーク〜データで世界を覗いてみたら〜by WingArc1st + IDEATECH インサイトーク〜データで世界を覗いてみたら〜by WingArc1st + IDEATECH
close close