視覚化のタイトル、凡例、背景をカスタマイズする (チュートリアル)Customize visualization titles, legends, and backgrounds (Tutorial)

このチュートリアルでは、視覚化をカスタマイズする、さまざまな方法について説明します。In this tutorial you'll learn a few different ways to customize your visualizations. 視覚化をカスタマイズするオプションはとても多いので、そのすべてを学習する最善の方法は、[書式設定] ウィンドウ (ペイントローラー アイコンを選択) を調べることです。There are so many options for customizing your visualizations, the best way to learn about them all is by exploring the Formatting pane (select the paintroller icon). その手始めとして、この記事では視覚化のタイトル、凡例、背景をカスタマイズする方法を説明します。To get you started, this article shows you how to customize a visualization title, legend, and background.

すべての視覚エフェクトをカスタマイズできるわけではありません。完全なリストを参照してください。Not all visualizations can be customized, see the complete list.

Amanda が自分のレポートの視覚エフェクトをカスタマイズする様子をご覧ください (ビデオで 4 分 50 秒まで早送りします)。Watch Amanda customize visualizations in her report (fast-forward to 4:50 in the video). その後、ビデオで説明されている手順に従って、ご自分のデータでやってみてください。Then follow the instructions below the video to try it out yourself with your own data.

前提条件Prerequisites

  • Power BI サービスまたは Power BI DesktopPower BI service or Power BI Desktop
  • 小売の分析のサンプルRetail Analysis sample

レポートの視覚エフェクトのタイトルをカスタマイズするCustomize visualization titles in reports

まず、Power BI サービス (app.powerbi.com) にサインインし、小売りの分析のサンプル レポートを編集ビューで開きます。To follow along, sign into Power BI service (app.powerbi.com) and open the Retail Analysis Sample report in Editing View.

注意

視覚エフェクトをダッシュボードにピン留めすると、その視覚エフェクトはダッシュボード タイルになります。When you pin a visualization to a dashboard, it becomes a dashboard tile. それらのタイル自体も、新しいタイトルとサブタイトル、ハイパーリンク、およびサイズの変更でカスタマイズできます。The tiles themselves can also be customized with new titles and subtitles, hyperlinks, and resized.

  1. レポートの [New Stores] (新しい店舗) ページに移動して、[Open Store Count by Open Month...] (開店月別の開店店舗数…) 棒グラフを選択します。Navigate to the "New Stores" page of the report and select the "Open Store Count by Open Month..." column chart.
  2. [視覚化] ウィンドウで、ペイントローラー アイコンを選んで、書式設定のオプションを表示します。In the Visualizations pane, select the paintroller icon to reveal the formatting options. [タイトル] を選んでセクションを展開します。and select Title to expand that section.

  3. スライダーの [オン] または [オフ] を選択して、 [タイトル] のオンとオフを切り替えます。Turn Title on and off by selecting the On (or Off) slider. ここでは、 [オン]を選択したままにします。For now, leave it On.

  4. テキスト フィールドに「 Store count by month opened 」(開店した月別の店舗数) と入力して、 タイトルのテキスト を変更します。Change Title Text by typing Store count by month opened in the text field.
  5. [フォント色] をオレンジに、 [背景色] を黄色に変えます。Change Font color to orange and Background Color to yellow.

    • ドロップダウンを選択し、 [テーマの色][最近使用した色]、または [ユーザー設定の色]から色を選択します。Select the dropdown and choose a color from the Theme Colors, Recent Colors, or Custom color.
    • ドロップダウンを選択して、色ウィンドウを閉じます。Select the dropdown to close the color window.

    色ウィンドウの [既定値に戻す] 選択すると、いつでも既定の色に戻せます。You can always revert to the default colors by selecting Revert to default in the color window.

  6. テキスト サイズを 12 に増やします。Increase the text size to 12.
  7. 最後のカスタマイズでは、グラフのタイトルを視覚エフェクトの中央に配置します。The last customization we'll make to the chart title is to align it in the center of the visualization. タイトルの位置は、既定で左揃えに設定されています。The title position defaults to left-aligned.

    チュートリアルのこの時点では、縦棒グラフのタイトルは次のように表示されます。At this point in the tutorial, your column chart title should look like something like this:

    これまでに実行したタイトルのカスタマイズをすべて元に戻すには、 [タイトル]のカスタマイズ ウィンドウの下部にある、 [既定値に戻す] を選択します。To revert all the title customization we've done so far, select Revert To Default, at the bottom of the Title customization pane.

視覚エフェクトの背景をカスタマイズするCustomize visualization backgrounds

同じ縦棒グラフを選択して、[背景] オプションを展開します。With the same column chart selected, expand the Background options.

  1. スライダーの [オン] または [オフ] を選択して、背景のオンとオフを切り替えます。Turn the background on and off by selecting the On (or Off) slider. ここでは、 [オン]を選択したままにします。For now, leave it On.
  2. 背景色を 74% のグレーに変更します。Change the background color to 74% grey.

    • ドロップダウンを選択し、[テーマの色][最近使用した色]、または [ユーザー設定の色] からグレーを選択します。Select the dropdown and choose a grey color from the Theme Colors, Recent Colors, or Custom color.
    • 透明度を 74% に変更します。Change Transparency to 74%.

    これまでに実行したタイトルの背景のカスタマイズをすべて元に戻すには、 [背景]のカスタマイズ ウィンドウの下部にある [既定値に戻す] を選択します。To revert all the title background customization we've done so far, select Revert To Default, at the bottom of the Background customization pane.

視覚エフェクトの凡例をカスタマイズするCustomize visualization legends

  1. [概要] レポート ページを開き、「Total Sales Variance by FiscalMonth and District Manager (年度別および地域マネージャー別の総売上差異)」グラフを選択します。Open the Overview report page and select the "Total Sales Variance by FiscalMonth and District Manager" chart.
  2. [視覚エフェクト] タブで、ペイントブラシのアイコンを選択し、書式設定のオプションを表示します。In the Visualization tab, select the paintbrush icon to open the formatting pane.
  3. 凡例 オプションを展開します。Expand Legend options.

  4. スライダーの [オン] または [オフ] を選択して、凡例のオンとオフを切り替えます。Turn the legend on and off by selecting the On (or Off) slider. ここでは、 [オン]を選択したままにします。For now, leave it On.
  5. 凡例を視覚エフェクトの左側に移動します。Move the legend to the left side of the visualization.
  6. [タイトル][オン] に切り替えて凡例にタイトルを追加し、 [凡例名] テキスト フィールドに "Manager"(マネージャー) と入力します。Add a legend title by toggling Title to On and, in the Legend name field, typing Managers.

    これまでに実行した凡例のカスタマイズをすべて元に戻すには、 [凡例]のカスタマイズ ウィンドウの下部にある [既定値に戻す] を選択します。To revert all the legend customization we've done so far, select Revert To Default, at the bottom of the Legend customization pane.

カスタマイズ可能な視覚エフェクトの種類Visualization types that can be customized

視覚エフェクトVisualization タイトルTitle 背景Background 凡例Legend
area はいyes はいyes はいyes
横棒bar はいyes はいyes はいyes
カードcard はいyes はいyes 該当なしn/a
複数の行カードmulti row card はいyes はいyes 該当なしn/a
column はいyes はいyes はいyes
複合combo はいyes はいyes はいyes
ドーナツdonut はいyes はいyes はいyes
塗り分け地図filled map はいyes はいyes はいyes
じょうごfunnel はいyes はいyes 該当なしn/a
ゲージgauge はいyes はいyes 該当なしn/a
KPIkpi はいyes はいyes 該当なしn/a
折れ線line はいyes はいyes はいyes
マップmap はいyes はいyes はいyes
マトリックスmatrix はいyes はいyes 該当なしn/a
pie はいyes はいyes はいyes
散布scatter はいyes はいyes はいyes
スライサーslicer はいyes はいyes 該当なしn/a
テーブルtable はいyes はいyes 該当なしn/a
テキストボックスtextbox いいえno はいyes 該当なしn/a
ツリーマップtreemap はいyes はいyes はいyes
ウォーターフォールwaterfall はいyes はいyes はいyes

次の手順Next steps

X 軸と Y 軸のカスタマイズCustomize X-axis and Y-axis
色と軸のプロパティのカスタマイズCustomize colors and axis properties
Power BI - 基本的な概念Power BI - Basic Concepts
他にわからないことがある場合は、More questions? Power BI コミュニティを利用してくださいTry the Power BI Community