Power BI での複合グラフ (チュートリアル)Combo Chart in Power (Tutorial)

Power BI の複合グラフは、折れ線グラフと縦棒グラフを組み合わせた 1 つの視覚化です。In Power BI, a combo chart is a single visualization that combines a line chart and a column chart. 2 つのグラフを 1 つに組み合わせると、データの比較をよりすばやく行うことができます。Combining the 2 charts into one lets you make a quicker comparison of the data.

複合グラフには、1 つまたは 2 つの Y 軸を保持できます。Combo charts can have one or two Y axes.

複合グラフを使用すべきケースWhen to use a Combo Chart

複合グラフは、次のような場合に最適な選択肢になります。Combo charts are a great choice:

  • 同じ X 軸を持つ折れ線グラフと縦棒グラフがある場合。when you have a line chart and a column chart with the same X axis.
  • 値の範囲が異なる複数のメジャーを比較する場合。to compare multiple measures with different value ranges.
  • 2 つのメジャーの間の相関関係を 1 つの視覚化で示す場合。to illustrate the correlation between two measures in one visualization.
  • あるメジャーが別のメジャーで定義されているターゲットを満たすかどうかを調べる場合to check whether one measure meet the target which is defined by another measure
  • キャンバスのスペースを節約する場合。to conserve canvas space.

前提条件Prerequisites

複合グラフは、Power BI サービスでも Power BI Desktop でも利用できます。Combo charts are available in Power BI service and Power BI Desktop. このチュートリアルでは、Power BI サービスを使用して複合グラフを作成します。This tutorial uses Power BI service to create a Combo chart. 作業を進めるために、Power BI サービスを開き、"小売りの分析" のサンプルに接続します (以下の手順を参照)。To follow along, open Power BI service and connect to the "Retail Analysis" sample instructions below).

基本的な 1 つの軸の複合グラフを作成するCreate a basic, single-axis, Combo Chart

このビデオでは、売上およびマーケティングのサンプルを使って複合グラフを作成する様子をご覧いただけます。Watch Will create a combo chart using the Sales and Marketing sample.

独自の複合グラフを作成するには、Power BI サービスにサインインして、[データの取得] > [サンプル] > [小売りの分析のサンプル] > [接続] > [ダッシュボードへ移動] を選択します。

To create your own combo chart, sign in to Power BI service and select Get Data > Samples > Retail Analysis Sample > Connect >Go to dashboard.

  1. [小売りの分析のサンプル] ダッシュボードで、 [Total Stores] (総店舗数) タイルを選び、[小売りの分析のサンプル] レポートを開きます。From the "Retail Analysis Sample" dashboard, select the Total Stores tile to open the "Retail Analysis Sample" report.
  2. [レポートの編集] を選んで、編集ビューでレポートを開きます。Select Edit Report to open the report in Editing View.
  3. 新しいレポートのページを追加します。Add a new report page.
  4. 今年の売上と粗利益を月単位で表示する縦棒グラフを作成します。Create a column chart that displays this year's sales and gross margin by month.

    a.a. [フィールド] ウィンドウで、[Sales] (売上) > [This Year Sales] (今年の売上) > [値] を選択します。From the Fields pane, select Sales > This Year Sales > Value.

    b.b. [Sales] > [Gross Margin This Year][値] にドラッグします。Drag Sales > Gross Margin This Year to the Value well.

    c.c. [Time] > [Fiscal Month] の順に選択して、[軸] に追加します。Select Time > FiscalMonth to add it to the Axis well.

  5. 視覚化の右上隅にある省略記号 [...] を選び、[並べ替え: FiscalMonth] を選びます。Select the ellipses (...) in the upper-right corner of the visualization, and select Sort by FiscalMonth. 昇順または降順で並べ替えるために、これを 2 回選択することが必要な場合があります。You may have to select it twice to sort ascending or descending.

  6. 縦棒グラフを複合グラフに変換します。Convert the column chart to a combo chart. 縦棒グラフを選んだ状態で [視覚化] ウィンドウから [折れ線グラフおよび集合縦棒グラフ] を選びます。With the column chart selected, from the Visualizations pane select the Line and clustered column chart.

  7. [フィールド] ウィンドウで、[Sales] > [Last Year Sales][線の値] バケットにドラッグします。From the Fields pane, drag Sales > Last Year Sales to the Line Values bucket.

    複合グラフは次のようになります。Your combo chart should look something like this:

2 つの軸を持つ複合グラフを作成するCreate a combo chart with two axes

このタスクでは、粗利と売上を比較します。In this task, we'll compare gross margin and sales.

  1. 前年の粗利 (%)月ごとに追跡する新しい折れ線グラフを作成します。Create a new line chart that tracks Gross Margin last year % by Month. 1 月の粗利 (%) は 35% で、4 月には最高値の 45% になり、7 月に下がって 8 月に再びピークに達しました。In January GM% was 35%, peaked at 45% in April, dropped in July and peaked again in August. 前年と本年は同じ売上パターンになるでしょうか?Will we see a similar pattern in sales last year and this year?

  2. [This Year Sales] > [Value][Last Year Sales] を折れ線グラフに追加します。Add This Year Sales > Value and Last Year Sales to the line chart. [Gross Margin Last Year %](前年の粗利 (%)) の目盛が [Sales](売上) の目盛よりかなり小さいため、比較が困難です。The scale of Gross Margin Last Year % is much smaller than the scale of Sales which makes it difficult to compare.

  3. ビジュアルの読みやすく分かりやすくするため、折れ線グラフを「折れ線グラフおよび積み上げ縦棒グラフ」に変換します。To make the visual easier to read and interpret, convert the line chart to a Line and Stacked Column chart.

  4. [Gross Margin% Last Year] (前年の粗利 (%)) を [各棒の値] から [線の値] にドラッグします。Drag Gross Margin Last Year % from Column Values into Line Values. Power BI によって 2 つの軸が作成されるため、各データ セットを異なる縮尺でプロットできます。つまり、左側の測定単位はドル売上高で、右側の測定単位は割合です。Power BI creates two axes, thus allowing the datasets to be scaled differently; the left measures sales dollars and the right measures percentage.

タイトルを各軸に追加するAdd titles to the axes

  1. ペイント ローラー アイコン を選び、[書式設定] ウィンドウを開きます。Select the paint roller icon to open the Formatting pane.
  2. 下矢印を選んで、 Y 軸 のオプションを展開します。Select the down arrow to expand the Y-axis options.
  3. [Y 軸 (棒)] で、[位置][左] に、[タイトル][オン] に、[スタイル][タイトルのみを表示]に、[表示][百万] に、それぞれ設定します。For Y-Axis (Column), set Position to Left, set Title to On, Style to Show title only, and Display as Millions.

  4. [Y 軸 (棒)] では、下方向にスクロールし、[セカンダリの表示][オン] に設定されていることを確認します。Under Y-Axis (Column), scroll down and ensure that Show Secondary is set to On. これにより、複合グラフの折れ線グラフの部分の書式を設定するためのオプションが表示されます。This displays options for formatting the line chart portion of the combo chart.

  5. [Y 軸 (折れ線)] で、[位置][右] にし、[タイトル][オン] にして、[スタイル][タイトルのみを表示] に設定します。For Y-Axis (Line), leave Position as Right, turn Title to On, and set Style to Show title only.

    複合グラフに 2 つの軸とそれぞれのタイトルが表示されるようになります。Your combo chart now displays dual axes, both with titles.

  6. 必要に応じて、グラフの表示および読みやすさが向上するように、テキストのフォント、サイズ、色を変更し、その他の書式設定オプションも設定します。Optionally, modify the text font, size, and color and set other formatting options to improve the display and readability of the chart.

ここからは次のことができます。From here you might want to:

クロスハイライトとクロス フィルター処理Cross-highlighting and cross-filtering

複合グラフ内の縦棒または折れ線を強調表示すると、レポートのページ上の他の視覚化がクロスハイライトおよびクロス フィルター処理されます。逆の場合も同様です。Highlighting a column or line in a combo chart cross-highlights and cross-filters the other visualizations on the report page... and vice versa. [ビジュアル対話] を使用すれば、この既定の動作を変更できます。Use visual interactions to change this default behavior.

次の手順Next steps

Power BI レポートでの視覚化の概要Overview of visualizations in Power BI reports

Power BI での視覚化の種類Visualization types in Power BI

Power BI - 基本的な概念Power BI - Basic Concepts

他にわからないことがある場合は、More questions? Power BI コミュニティを利用してくださいTry the Power BI Community