2021/12/24 時点(MotionBoard ver.6.2)の記事です。

複数のチャートを並べて画面を作成したけど
一つずつスクロールするのは大変だから、同時にスクロールさせたい
そんなことはありませんか。

この記事ではリレーションの機能を使って別々の表やチャートとスクロールを同期させる方法をご紹介します。

本記事の設定手順は、動画でも公開しています。1:20以降が該当します。

動画ナレッジでは、よく使われている機能を動画にてわかりやすくご紹介しています。
その他のMotionBoardの機能動画は以下URLよりご確認いただけます。是非ご覧ください!

手順

設定を行いたい集計表が配置されている状態からスタートです。
まずは、リレーションの設定を行っていきましょう。
集計表の上にカーソルを置き、表示された青矢印のいずれかをドラッグします。

矢印を引っ張って、スクロールを同期させたいチャートでドロップします。

リレーション設定が表示されます。
ここでスクロールの同期を設定します。

今回はクリック時の検索は不要なので
「マウスクリック時アクション」は「何もしない」
スクロールの同期をさせることが目的ですので、
「スクロール時のアクション」を「スクロール同期」とし、「OK」を押します。

以上でスクロールの同期が設定できました。
他のチャート(「コスト」「資産」「経常利益」)に対しても同じように設定をおこなえば
一番上に同期して下のチャートがスクロールするようになります。

※この記事では一番上のチャートからのリレーション設定のみを行っているため、
　例えば上から2番目のスクロールを動かしても他のスクロールは同期して動きません。
　一緒に動かしたいチャートに対して同様にリレーション設定を行えばスクロールが同期するようになります。

ボードの利便性が高まる機能です、ぜひご活用ください。

補足

今回使用したリレーション設定にはスクロール同期以外にも様々な機能があります。
リレーションに関係する記事を下に紹介しています。

リレーション機能を使って、クリックで隣のチャートを絞り込もう

🕒️2018/6/26

MotionBoardで販売金額のチャートを作りました。左側のチャートは月別の販売金額、右側は商品カテゴリ別の販売金額です。2つのチャートを作成すると、クリックで隣のチャートを絞り込むなど連動させたいときがありますよね。下の図で言うと月別の棒をクリックすると、右側のチャートには月別の商品カテゴリー別販売金額を表示するイメージです。MotionBoardの「リレーション」という機能を使えば、そのようなチャート間の連携を簡単に実現できます。  本記事の設定手順は、動画でも公開しています。https://youtu.be/HdV99qu...

WingArc TECH BLOG

リレーションの「ハイライト」を使ってチャートを目立たせよう

🕒️2018/10/31

MotionBoardには、チャート同士を連動させる「リレーション」という機能があります。リレーションは「1つのカテゴリをクリックすると、もう片方のチャートも同じカテゴリのみが表示される」という使い方をする場合が多いと思いますが、「1つのカテゴリをクリックすると、もう片方のチャートの該当するカテゴリを目立たせる」という”ハイライト”と呼ばれる使い方も可能です。当記事ではリレーションの「ハイライト」について解説しています。 リレーションのを使ってチャートを目立たせる方法リレーションの設定をするまずは、ドラ...

WingArc TECH BLOG

複数のリレーションを設定すると上手く絞り込めない

🕒️2018/6/26

ボードに3つの以上のチャートがあると、複数チャートからのリレーション設定で複数条件の絞り込みを行いたいときがありますよね。下の図で言うと、月別で絞り込んでさらに商品カテゴリー別に絞り込みたいのですが、普通に設定すると2つの絞り込みが独立して動作してしまいます。そんな時は、リレーション設定にある「他のリレーションの値と共存させる」を使ってください。この例では、上の2つのチャートから下のチャートに対してリレーションを設定しています。 2つのリレーションを設定したので、さっそく絞り込みを実行してみましょ...

WingArc TECH BLOG