MotionBoardのグラフや表などを編集するにはチャートエディタを使おう

デフォルトの表示や見た目でも十分統一感のあるボードにはできますが、より見やすく効果的なチャートにしたい、と思われることはありませんか?

ボード全体のトーンを会社のテーマカラーに変更したり、表示項目やデータの並び順を整えたり、MotionBoardでは細かな設定でお好みの見た目にすることができます。その際は、チャートエディタを活用いただくことになります。

本記事では、初めてMotionBoardでチャートを作成する方向けに基本操作をステップ形式で丁寧に解説します。戸惑いやすい初心者の方もこれで安心!

チャートエディタでできること

チャートエディタを使うと、チャートアイテム全般に関する設定ができます。

具体的には、チャートの種類ごとの表示内容や体裁、凡例やタブなどの配置、チャートメニューの表示内容、行や列のソート順の初期設定など、チャートエディタで設定できる内容は多岐にわたります。

チャートエディタはどうやって表示する?

それでは、チャートエディタの表示方法をご紹介しましょう。

1. 画面右上ボードメニューから[管理]-[ボード編集]を選択し、ボード編集モードにする
2. 変更したいチャートの上でクリックし、出てきたメニューから「チャート編集」を選択する

またほかの方法として、ボード右上の[共通アイテム管理]画面から表示することもできます。

チャートエディタの基本的な画面構成

チャートエディタの基本的な画面構成は4つのコンポーネントに分かれています。

これから順にご説明していきます。

チャートエディタ タイトルバー

チャートの種類を問わず表示されるエリアです。

できること

1. どのチャートに対するチャートエディタなのかを判別する
2. 対象のチャートを最大化表示する
3. 設定の自動適用ON/OFFを切り替える
   ➡ 慣れないうちは、手動で適用ボタンを押す方が安心という声も聞きますので、お好みに応じて使い分けてみてください。
4. チャートエディタを表示したままにする(固定表示)
5. チャートエディタを閉じる

共通操作項目エリア

チャートの種類を問わず表示されるエリアです。

できること

1. 操作を「元に戻す」「やり直す」
   ➡ 対象の操作は限られ、すべての操作が対象にならないことにご注意ください。
   ➡ 詳細はマニュアルに記載されています。
   

   MotionBoard Cloudマニュアル:[チャートエディタ]画面 – (A)共通操作項目エリア

   
   

2. チャートエディタ内の設定項目を検索する
   
3. チャートの種類を変更する(折れ線から縦棒グラフにするなど)

ここで、②の検索キーワードを設定した様子もご紹介します。
検索したいキーワードを入力して検索すると、それが含まれる設定項目名や分類名が赤字でハイライトされます。設定したい項目がどこにあるのか、とても見つけやすくなりますよ。

設定項目分類エリア

チャートの種類を問わず表示されるエリアです。

選択したチャートに関する設定項目の分類が表示されています。分類は設定の目的やチャートの種類ごとにまとめられていますが、最初は設定を見つけるのに苦労するかもしれません。

先ほどの「共通操作項目エリア」の検索をうまく活用して赤くハイライトさせると、操作しやすくなりますよ。

設定項目エリア

上の「設定項目分類エリア」で選択した設定項目の内容が表示されます。
ここでようやく、設定の変更ができますね!お待たせしました。

設定項目エリアには、選択した分類に属するさまざまな設定項目が表示されます。主な項目としては、以下のようなものがあります。

• チャートのスタイル設定(色やデザインなど)
• チャートエリアの軸の表示方法
• デザイン設定(テンプレートに基づいたデザインや色の適用)
• 初期表示チャート(ボードを開いたときに表示されるチャートの種類の選択)

いろいろ変えて試してみてくださいね。

チャートエディタを使いこなす

ボードに複数のチャートが配置されている場合、毎回チャートエディタを開き直すのは少し面倒に思われることがあるかもしれません。そうした場合は、チャートエディタを開いている状態でチャートをクリックすると、設定変更するチャートを切り替えられます。

フォントや色など、同じ箇所の変更を行いたい場合、その項目のまま切り替えることができるのでとても便利でおすすめです。

他にも、折れ線グラフの見た目を変えたいとき、集計表の見た目を変えたいとき、チャートの凡例を操作したいとき、リレーションと組み合わせてグラフをハイライトさせたいときなどにもチャートエディタが活躍します。いくつか関連記事をご紹介しますので、試してみてくださいね。

折れ線グラフの「見た目」を変えたい! MotionBoardの設定項目とグラフの関係をまる...

🕒️2025/8/15

MotionBoardで折れ線グラフを使っていて「線の色を変えたい」「数値を表示したい」と思ったとき、どこで設定すればよいか迷ってしまったことはありませんか?特に初めて触る人にとっては、「データラベル」や「データチップ」など、聞き慣れない言葉に戸惑うこともあります。この記事では、グラフの“見た目”と設定項目の関係を図解つきでわかりやすく解説します。 MotionBoardのグラフ設定はどこで行う?設定は「チャートエリア」単位で操作MotionBoardのグラフは、1つ1つの「チャートエリア(グラフ領域)」ごとに設定できます。ボー...

WingArc TECH BLOG

集計表のデザイン設定ガイド|見た目を自由にカスタマイズする方法まとめ

🕒️2025/4/3

MotionBoardの中でも特によく使うアイテムが集計表です。そのままでも使えますが、「文字の大きさ」や「色」「位置」など、見た目を変えたいこともありますよね。本記事では、集計表のデザインに関するテクニックをまとめてご紹介します!デザイン、レイアウト、スタイル、見た目など言葉の表現は色々ありますが、本記事ではデザインで統一したいと思います。 でテンプレートを利用するお気に入りのテンプレートがあれば、これが最も手っ取り早い方法です。1.集計表をクリックします2.をクリックします3.タブから任意のテンプレー...

WingArc TECH BLOG

凡例に表示する情報量を減らしたい!

🕒️2022/6/15

チャートに凡例を表示するとごちゃごちゃしてしまい、直感的にチャートを読み取れないことはありませんか?下の図を見てみると「キッチン用品/販売金額」「ソフトドリンク/販売金額」など、商品名と集計項目名が並んでいるのが原因ですね。不要な情報を削減して、すっきりした見た目にしてみましょう。操作は簡単。凡例の設定画面を開いて必要な項目を選択するだけ!今回は「表示させる項目を限定」「リサイズボタンを消去」し、上図のすっきりとした凡例表示にする手順をご紹介します。凡例の設定凡例の設定箇所を開く凡例の設定画面で...

WingArc TECH BLOG

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

🕒️2018/10/31

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

WingArc TECH BLOG

皆様の思い描くチャートの表現になるよう、チャートエディタで試行錯誤をしていきましょう。

(番外編)チャートエディタとプロパティエディタ、どう違うの?

似た機能として、アイテムプロパティ(プロパティ)があります。最初のうちはどちらを使えばいいのか、迷いますよね。

チャートの中身や詳細を変更したい場合は「チャートエディタ」、ボードへの配置方法や全体のサイズなどを変更したい場合は「プロパティエディタ」と思いつつ、結局は変更したい箇所の設定がどこにあるのかを検索してたどり着いています。

• チャートエディタ
  • チャートだけに存在するエディタ
  • チャートの種類やスタイル、データの表示方法、レイアウトなどを設定する
• プロパティエディタ
  • ボードのすべてのアイテムに存在するエディタ
  • ボードへの配置方法や全体のサイズなどを変更できる