カテゴリー別アーカイブ: スピードメーターグラフ

スピードメーターグラフを作成しよう8~データラベル~

今回(8回目)は前回のメーターグラフの色を変えつつ、針に入力値が表示されるようにしましょう

GIF1

色を変えるだけなら、とても簡単です

サンプルをダウンロードして、グラフの第2軸を変えましょう

1

そうすると”値1のグラフ”の各パイの色を変えることができるようになります

問題はどうやって針の表示を変えるかです

お気づきの方もいらっしゃるでしょうが、針の値は固定になっており、実質は他の値により動いています

ですから、残り1の値、針の値、残り2の値の表示順番を変えることが必要です。

言葉だけでは分かりにくいと思いますので実際に手を動かしてみましょう!

まず”凡例項目”の値2をクリックしながら横(項目)軸ラベルの編集をクリックしましょう

3

そして、”Ctrlキー”を押しながら以下のように分類の数字を順番を変えながら指定しましょう

2番目に指定する値は残り1の入力値にするのです

GIF2

反映された値には”,”がついているはずです。針に反映せれている値には”残り1”の入力値(15%)のセルが指定されています

2

ここまで来たらデータラベルを”分類”で表示しましょう!

4

隠れたコツは”針”のみをはっきりとクリックしてから処理しましょう!

そうすれば、針だけデータラベルが表示されます!

今回、スピードメーターグラフを作成しようは最終回となります

また次回、別のテーマでお会いしましょう!

スピードメーターグラフを作成しよう7~グラフの完成~

前回で以下、2つの調整値を算出しました

1.調整値1

初値(10%)が入力された場合に0度に変換する

2.調整値2

終値が(20%)が入力された場合に調整値1を基にして10%に変換された値を240度(グラフの大きさ)に変換する

上記の1と2を図にすると以下のような形になります

では実際に調整値1と2を針の動きに反映していくのですが、本題に入る前に、まずは元データとグラフの連携について、概要を解説しておきます

ちなみにサンプルは前回と同じものを使用します

<元データとグラフの連携・概要>

1.残り1の入力値(セルB9)を調整して値2(セルC9)に反映

 ⇒残り1と残り2の値に合わせてグラフの針が動くようにします

  *値2の3つの合計は常に360度になるようにします

2.残り1の値2には調整1と調整2を組み込んでおきます

元データとグラフの連携について解説したので、本題に入りましょう!

Ⅰ.調整1と調整値2の反映

残り1の値2に(セルC9)に以下の数式を入力します

(残り1の入力値+調整値1)X調整値2

⇒=(B9+F2)*H4

Ⅱ.グラフの動きのチェック

 正しく値2が設定できたら、入力値(セルB9)を動かしてみましょう!。入力値の変化とともに、グラフの針が以下のGIFのように動くはずです

GIF1

では最終回の8回目では、おまけの機能を紹介します!

にほんブログ村 資格ブログ ビジネススキルへ
にほんブログ村 IT技術ブログ VBAへ


にほんブログ村

スピードメーターグラフを作成しよう6~元データの工夫~

前回に引き続き、応用編を続けます

自由にメーターの範囲、単位(-100~100、10%~20%など)を自由に設定できるようにする為に、

入力値を角度(最大360度)に変換しながら、”2つの調整値”を活用できるようにします

<今回解説するグラフ元データの工夫>

1.初期値の調整値を算出する

初期値が”0度”になるように調整します

2.終了値の調整を算出する

終了値がスピードメーターの針の、最大角度になるように調整します

今回の事例では、時計回りに240度、スピードメーターの針を最大で240度回転させるスピードメータグラフにて、10%(初期値)から20%(終了値)までを入力範囲に設定します

図でまとめると以下になります

3

これからの手順は以下です。とにかく円グラフは最終的に360度になるということを意識しましょう

➀ 10%(初期値)を0度に変換する調整値を設定する(調整値1反映:-10%)

② 20%(終了値)を調整1で調整した値を算出する(調整値1反映:10%)

③ ➁で算出した値を240度(グラフ全体の大きさ)に変換する調整値2(調性値2反映:2400)を設定する

今回は以下のサンプルを使用します

ちなみに、入力値に対してスピードメーターの針の角度がどうなっているべきなのか?を分かり易くするために、”目安”をサンプルに書きました。

”ピンク部分””が120度(入力値:0%~15%)⇒累計120度、”赤部分”(入力値:15%~20%)が120度⇒累計360度、そして自動的に”無色の部分””が120度⇒累計360度になり、合計して360度になります

1.初期値の調整値を算出する

まず手順➀からですが、以下の式(C2-B2)をサンプルに入力してください

値1(0%)を引くことで-10%が算出されます

これが調整値1です

入力値に調整値1を加算するようにしておきえば、10%を入力した場合には0に調整されます。つまり0度から針がスタートするようにします

次に手順➁です!

サンプルファイルのG列にて、20%(終了値)を調整値1で変換しましょう

そうすると10%に変換されているはずです。

最後に終了値(入力値では20%⇒調整1で調整後は10%)を240度に変換する調整値2を算出しましょう!

調整値2は、240度を10%で割って算出します

すると2400という調整2が算出されます

これで調整1と調整値2が求まりました

次回(7回目)では調整値1,2を活用して実際に針の動きに反映させましょう!

スピードメーターグラフを作成しよう5~より伝わるグラフにする~

今回から応用編を開始します。

 基本編では、スピードメーターグラフの作成の仕方自体を学びました。

 応用編では、スピードメーターの形を最大限に活かして、伝えたい数字の意味合いを、より臨場感を伴って表現できるようにします。

 この記事の読者の皆さんは、数字をグラフにして表現する機会が多いのではないかと思います。

 会議などで、伝えたい数字の意味合いが伝わらず、はがゆい思いをされた方も、中にはいらっしゃると思います。

 実は、数字には温度があります。伝えるのが難しいケースの1つは、数字の持つ温度を適切に表現する必要がある時です。

 例えば、夏に外から、部屋の温度が25℃に設定されたオフィスに戻ってくると涼しいと感じます。ところが、冬は同じ25℃が温かく感じます。このギャップは、温度を比較する基準が夏と冬とで違うためです。

 実際のビジネスでも、温度の問題は沢山あります。典型的な例が利益率の問題です。利益率が90%の企業と20%の企業を比較してこの温度の問題を考えてみましょう!

 利益率が90%の企業の場合、利益率1%の重みは、1/90です。利益率が1%下がってもあまり深刻な事態になりません。一方、利益率が2%の企業が1%下げた場合を考えてみましょう。利益率1%の重みは1/2となります。90%の企業と比べて、90÷2倍の重みがあります。

 よって同じ1%の違いでも、比較する基準が違うため、利益率が90%と2%の企業では天と地ほど意味合いが違うのです。

 では、グラフでこの温度の違いを表現するにはどうしたらよいでしょうか?

 実は、この応用編では、温度の違いを表現する方法を2つ用意しています!

 読者の中には、”グラフの軸の最小値と最大値を調整すれば温度の違いを表現できる”と考える方もいらっしゃると思います。

 確かに棒グラフであれば、軸の最小値と最大値を変えれば、棒グラフに対する比較基準を変えることができます。

 では、スピードメーターグラフではどのようにしたらよいでしょうか?スピードメーターグラフは円グラフの組み合わせで出来ていて、軸の基準変更は行えません。

 但し、針の振れ幅の最小値と最大値を調整できれば、温度の違いを表現するのに、スピードメーターグラフはぴったりな感じがします!

 実際に、実例で見てみましょう!

 下の画像は、営業利益率が前年の5%から、4%に下がったことを表したグラフです。

 左も右も、何ら違いがあるように見えません。何故なら、グラフの最大値が100%に設定されているからです。

 では、次の画像を見てください!

グラフの最大値が100%でなく、10%で設定されているので、前年との違いが”明確”に分かるはずです。

 このグラフの最大値、もしくは、最小値を変えるのが、温度の違いを表現する1つ目の方法です。

 では、2つ目は何かというと、通常のグラフで言えば、目盛線の役割をするものです。

    例えば、上記の画像内のグラフは3つのパイからできています。これが、通常のグラフで言えば目盛線の役割をするものです。スピードメーター内で言えば、ゾーンと言えるものです。

 安全ゾーン、危険ゾーン・・・その他、ゾーンを活用すれば、色々なストーリーをグラフを通じて語れそうです。

 例えば、上の画像なら、

”今年は営業利益率が4%まで下がりました。但し、来年は○△✕の施策により7.5%まで上げることが可能です。そして、再来年は10%まで上げましょう”

などのような形で、これからの施策と絡めてストーリーを語れます。

 ではここで、これから応用編で解説する内容を少し、前倒しで解説しておきます。

 実は、スピードメーターグラフの最小値と最大値を変更するのは、そんなに難しくないんです。

 下のGIFの動きを見てください!スピードメーターグラフの最小値と最大値を以下のように設定しています。

  最小値:入力値10% ⇒ グラフは0度回転

  最大値:入力値20% ⇒ グラフは240度回転

まるで、グラフの軸を調整したかのように動いているはずです。

GIF1

要は、グラフの参照元のデータを工夫すれば、温度の違いを表現するのは難しくないんです。

 では、次回から応用編の解説を本格的に開始して、数字の持つ温度が熱を持って伝わるようなグラフ作成をしていきましょう!

では6回目でお会いしましょう!

にほんブログ村 資格ブログ ビジネススキルへ
にほんブログ村
にほんブログ村 IT技術ブログ VBAへ

スピードメーターグラフを作成しよう4~色の変更~

前回は、スピードメーターグラフの下地となるグラフの上に円グラフを追加作成しました。

今回はこの追加された円グラフを、スピードメーターの針部分のグラフにします。

読者の皆さんの中には、スピードメーターの針はどのように動かすのだろう?と不思議に思った方もいらっしゃるかと思います。

実は、とても簡単な仕組みで動いています!まずは、下のGIFをご覧ください。これが、今回作成する針部分のグラフの動きです!

3つパイがあるグラフを作成した後、真ん中のパイだけ表示するようにするので、グラフが針のように見えるのです!

針の動き

<今回解説するグラフのカスタマイズ作業>

1.3つパイがある円グラフを、下地と同じ角度で回転させる

 注)今回はドーナツグラフでなく円グラフで作成します!

2.円グラフの3つのパイの色を調整して、スピードメーターの針を作成する

まずは準備作業として、サンプルをダウンロードして、以下のように範囲を指定して円グラフを作成しましょう

値の合計が360度のところまでをグラフの範囲にするのが、実はこのスピードメーターグラフの作成ポイントです。詳細は後の説明回で解説します。

準備が終わったら、グラフのカスタマイズ作業に取り掛かりましょう!

1.3つパイがある円グラフを、下地と同じ角度で回転させる

➀下地グラフを作成した時と同じように、データ系列の書式設定を表示する

サンプルから円グラフを作成した時には、下の画像のような状態のはずです。

この状態から、円グラフを下地グラフに合わせられるように270度回転させます!

②下地グラフの時と同じ様に、データ系列の書式設定からグラフを回転させる

データ系列の書式設定を表示します!

そして、グラフの基線位置で270度を指定しましょう!

回転した後には以下の状態になっていますか?これで針の位置は下地グラフとあうようにセットできました!

キャプチャ2

2.円グラフの3つのパイの色を調整して、スピードメーターの針を作成する

➀2番目のパイが針に見えるように、2番目のパイ以外は表示されないようにする

円グラフにカーソルを置いたまま、画面上の”書式タブ”を操作して、無駄な塗りつぶしと線を除きましょう

キャプチャ3

キャプチャ4

円グラフは下の画像のようになりましたでしょうか?

②針の色を調整する

次に針の色を好きな色変えるのですが、針がなにせ細いので、指定するのはなかなか難しいです。

ですから針は一旦、大きくしましょう!

キャプチャ5

色を変えることができたら、針の大きさを戻して、針のグラフは完成です

試しに下のGIFのように、”残り1”の値を動かしてみてください。針自体の値は変わりません。残り2には数式が入っていて、3つのパイの合計が360になるように調整されるようにになっています。

<まとめ>

今回は、スピードメーターの針部分のグラフを作成しました。一見、針の作成は難しそうに見えたかもしれませんが、実は、3つのパイがある円グラフの色や線を少しカスタマイズするだけでした。見た目は複雑そうでも中身はとてもシンプルなんです!

次の5回目からは応用編を開始します!では5回目でお会いしましょう!

スピードメーターグラフを作成しよう3~複数グラフ追加~

今回で3回目の解説となります

前回の解説で、スピードメーターグラフの下地となるグラフ(下の画像左)を作成しました。次に、針となるグラフ(下の画像右)を作成するのですが、その前に、今回の回では、グラフの上に、更にグラフを重ねて作成する方法を解説します。

キャプチャ1

本題に入る前に、まずはこれまで説明していなかった点を補足したいと思います。

スピードメーターグラフといっても単純に言えば”円グラフ”です。ですので円の大きさが360度であることを常に意識していきましょう。

キャプチャ4

下地となるグラフも、針になるグラフも、元のデータの合計は360度になるようにグラフの元データを作成していくことが重要です。

基本編では一律に値の小計が360度になるようになっていますが、応用編からは単位が%になったりするパターンも出てきます。そのため、普通に足すと360度にならないパターンも出てきます。こういったケースでも360度に変換してグラフの元データを作成していきます。

それでは本題に入りましょう!

<今回解説するグラフのカスタマイズ作業>

1.グラフの追加

実は、エクセルのグラフには2つのデータ範囲を元にして、グラフを重ねて作成できる機能があるのです。

上記の画像で”追加”の部分を押すと、既にあるグラフに対して、グラフを追加できるようになります。

2.グラフ種類の変更

1.で重ねたグラフは、”グラフ種類の変更”画面でそれぞれのグラフ種類を変更することができます。

この際に、グラフの軸も主軸と第二軸を指定できます。でも、棒グラフと折れ線グラフを組み合わせたグラフなら第二軸の必要性をイメージできますが、円グラフが2つある場合はどうでしょう?なかなかイメージできないと思いますが、実際に手を動かすなかでイメージを掴んでいきましょう!

まずは、準備作業として下のサンプルファイルをダウンロードして、下地グラフを作成しておいてください

1-9

1.グラフの追加

まずは、下地となるグラフの上で右クリックしましょう!

キャプチャ5

そうすると”データの選択”が出てきますので、それをクリックしましょう!

次の画面では”追加ボタン”が出てくるのでそれをクリックしましょう!次のGIF動画のように、針部分の範囲を指定してグラフを追加することができます(注意:文中の”範囲”とは実際には系列値として表示されています)。ちなみに系列名は値2として指定しておきましょう

gif2

ここまでの操作で、下地となるグラフの上に、更に円グラフ(ドーナツグラフ)が重なりました。

2.グラフ種類の変更

2つ円グラフが重なっている場合は、第二軸の指定が重要になります。なぜなら、第二軸を指定することで、2つの円グラフが表示される順番を変えることができるからです。そして、操作しようとするグラフは第二軸に指定しておきましょう。

第2軸を指定する画面は、グラフを右クリックすると出てきます。

”系列グラフの種類の変更” 画面が出てきたのは確認できましたでしょうか?

キャプチャ6

キャプチャ2

上の画面が出てきたら、値2は円グラフへ変更し、第2軸のところにチェックを入れましょう。こうしておくことで、針となるグラフの作成にとりかかることができます。

<まとめ>

今回はグラフのカスタマイズ方法を2つ解説しましたが、2つの円グラフを重ねた後、第二軸を指定するところがややこしかったのではないでしょうか?ご自身で第二軸の指定を、2つの円グラフ間で何度か、相互に変えてみて、状態がどう変わるのかを試してみてください!

では4回目でお会いしましょう!

にほんブログ村 資格ブログ ビジネススキルへ
にほんブログ村
にほんブログ村 IT技術ブログ VBAへ

スピードメーターグラフを作成しよう~円グラフを回転させる~

前回ご案内したように、基本編では”下地となるグラフ”の上に”針のグラフを作成して、一番シンプルなスピードメーターグラフを作成する方法を解説します。

今回は、下地となる円グラフを下の図のように作成してみましょう。円グラフを構成する各パイに、0、60などの数字が、針が表示される際のラベルとして表示されています。この形にするには、通常の円グラフ作成では行わない、少し特殊なカスタマイズ作業が必要になります。

1-9

<今回解説するグラフのカスタマイズ作業> 

1.円グラフを回転させた後、表示する色を工夫して、円グラフを半円にする

注)円グラフの種類はドーナツグラフになります

2.グラフに表示する値を、円グラフの元データとは別に設定して表示する

まずは準備作業として、サンプルをダウンロードし、円グラフ(ドーナツグラフ)を作成しましょう!尚、グラフの範囲はB列の値のみで結構です

1_1

では、準備作業が終わったら、本格的にグラフのカスタマイズを行いましょう!

1.円グラフを回転させた後、表示する色を工夫して、円グラフを半円にする

準備作業で作成した円グラフ自体を右クリックして、オプション設定画面を表示しましょう

1-10

次に、下のGIF動画のように、系列のオプション内にある”グラフの基線位置”を動かすことで円グラフを回転させ、ついでに穴の大きさも変えましょう!

実際に設定する値は、基線位置が270度になります。そして、穴の大きさは65%で設定しましょう!

1_4.gif

そして、下の部分(青の部分)は消しましょう

ここで言う”消しましょう”は色と枠線を透明にすることになります

1_5

ここまで来ると朧気ながら、下地グラフ全体のイメージがつかめてきていると思います

2.グラフに表示する値を、円グラフの元データとは別に設定して表示する

次はグラフを構成する各パイにラベル(下の表示)をつけましょう!

1-11

単にデータラベルの標示をしただけでは、上の図のC列にある表示(ラベル)の数字(0,60,120,180)ではなく、左側のB列の値(0,60,60,60,180)が表示されてしまいますので、ちょっとした工夫が必要です

値ではなくC列の”表示(ラベル)”を表示するには、3つのステップで行います。

➀データの選択を指定した後、グラフの横(項目)軸ラベルを編集する

⇒グラフのデータラベルとして表示したいデータを指定します

②データラベルを表示する

⇒実際に、データラベルを表示します

③グラフ元データの”値”ではなく分類(0、60,120、180)を指定する

⇒ラベルの指定には”値”、”分類名”、”系列名”、”セルの値”があります

⇒➀で指定したデータを表示する為に、”分類名”で再指定が必要です

それではのステップを行いましょう!

まずは、円グラフの上で右クリックしましょう。そして、下のGIF画像を参照して作業を行っていきましょう!

ⅰ)グラフの上で右クリック

⇒ⅱ)データの選択

⇒ⅲ)右側の編集:軸ラベルをクリック

⇒ⅳ)軸ラベルの範囲をC2:C6に指定

1_6.gif

 次に、②のステップを行いましょう!

まず、グラフの上にカーソルを置きます。するとグラフの右上に”+”が表示されるので、その”+”をクリックしましょう。

すると、右側に”データラベル”が表示されるので、データラベルをクリックしましょう!

↓図2

1-7

このままだと、単純に円グラフの元データの”値”が表示されてしまうので、下のGIF3を参照して、③のステップを行います。

ⅰ)データラベルの右側にある”その他のオプション”をクリック

⇒ⅱ)ラベルオプションをクリック

⇒ⅲ)分類名を指定

1_dataLabel

これで下地のグラフは完成です。ちなみに、上の画像の下に”180”が残っていますが、これは消しておきましょう!

<まとめ>

今回は、スピードメーターグラフの下地となるグラフを作成しました。円グラフを、指定した角度で回転させるのは、意外と簡単だったのではないでしょうか?エクセルはグラフのカスタマイズ機能が結構充実しているのです!今回のスピードメーターグラフ作成シリーズでは、便利なグラフカスタマイズ機能をどんどん紹介してきますので、ぜひ有効活用して下さい!

では3回目でお合いしましょう!

手っ取り早く、スピードメーターグラフを作成できるようになりたい方はこちらから!

ちなみにスピードメーターの作製テンプレートはこちらから利用できます

にほんブログ村 資格ブログ ビジネススキルへ
にほんブログ村
にほんブログ村 IT技術ブログ VBAへ
にほんブログ村

スピードメーターグラフを作成しよう1~伝わるデザイン~

読者の皆さんの方の中で、プレゼンなどで売上や利益などの数字を報告されている方も多くいらっしゃると思います。

報告していて、物足らなさを感じる時はありませんか?

 もっと、数字の持つ影響度の大きさを、明確に伝えたい!

 もっと、聞く人に問題意識や当事者意識を持って欲しい!

いっそ、会議室をレーシングカーのコクピットにようにして、数字の臨場感を出したい!、でも、いい方法が無いと思っていませんか?

そんな方にピッタリなのが、今回紹介する”スピードメーターグラフです”。

何も、プレゼンは静止しているグラフのみで、行わなくていいのです。そして、必ずしもPower Pointで行う必要はありません。エクセルを交えて、動きのあるグラフにより、臨場感を演出してもいいのです。今回紹介するスピードメーターグラフは、そんな臨場感を出そうとするシーンにピッタリなデザインのグラフです。

これから全8回のシリーズで作成の仕方を伝えていきます。

このグラフを作成するのに、VBAや関数など、特別な技術は要りません。実は、グラフを簡単にカスタマイズする機能がもともとエクセルにあるのです。そのカスタマイズ機能を中心に解説を行っていきます。

解説は、基本編と応用編に分けて行っていきます。

基本編では、一番シンプルにスピードメーターグラフを作成する方法を解説します。まず下地になるグラフを作成します。更に、下地になるグラフの上に、針になるグラフを重ねて作成して、スピードメーターグラフにするところまでを解説します。

応用編では、スピードメーターグラフをプロ仕様にして、臨場感を更に演出する方法を解説します。グラフをプロ仕様にするために、グラフの最小から最大までの表示範囲や表示単位を調整したり、針の値を表示します!

では、スピードメーターグラフの作成をはじめていきましょう! ⇒2回目

手っ取り早くスピードメーターグラフを作成できるようになりたい方はこちらから!

にほんブログ村 資格ブログ ビジネススキルへ
にほんブログ村
にほんブログ村 IT技術ブログ VBAへ
にほんブログ村