Share via


Power BI Desktop で (新規) カード視覚エフェクトを作成する (プレビュー)

適用対象: Power BI Desktop Power BI サービス

(新規) カードは、売上の合計、収益の上昇率、営業案件数、パフォーマンスの状態などの重要なメトリックを示す役立つビジュアルです。 目標と主要な結果 (OKR) に合わせてメトリックのカードを作成し、それらを 1 つの視覚化コンテナー内にグループ化して表示できます。

カード視覚エフェクトを示すスクリーンショット。

重要

(新規) カード ビジュアルは現在、プレビュー段階であり、Power BI Desktop でのみ使用できます。 この情報はプレリリース製品に関連するものであり、リリース前に大幅に変更される可能性があります。 ここに記載された情報について、Microsoft は明示または黙示を問わずいかなる保証をするものでもありません。

前提条件

Power BI を使用している同僚とレポートを共有するには、お互いに個別の Power Bi Pro ライセンスを持っているか、レポートを Premium 容量に保存する必要があります。 カード ビジュアルは、Desktop にのみ適用され、Power BI サービスでは使用できません。

考慮事項と制限事項 (プレビュー)

  • 新しいカード ビジュアルは現在、いくつかのリリースで開発および更新中です。 最終的には、既存のカード、複数の行カード、KPI カードがこれによって置き換えられます。 ただし、これらの古いビジュアルが使用され続けているレポートは、引き続きサポートされます。

  • 特定の設定は、[設定を適用する] オプションが [すべて] に設定されている場合にのみ有効になります。 独立したメジャーの系列を選択することによってのみ構成できる設定もあります。

  • 仕様により、シャドウ効果と光彩効果によって、すべてのカードのサイズが予期せず変化することがあります。

  • [相互作用を編集][Filters in this visual] (この視覚化でのフィルター) は、コンテナー内のすべてのカードに影響します。

  • 個々のカードをダッシュボードにピン留めすることはできません。 代わりに、新しいカード視覚化のすべてのカードが一緒にピン留めされます。

  • 新しいカード視覚化に追加できるカードの数に制限はありません。 ただし、多数のカードを追加すると、レポートで待機時間が発生し、データの読み込みが遅くなる可能性があります。

  • 現在、新しいカード視覚化ではスクロールや改ページがサポートされていません。 そのため、小さいコンテナーに多数のカードを追加すると、表示サイズが小さくなることがあります。

  • 新しいカード視覚化は、既定で有効になるプレビュー機能です。 プレビューを無効にする場合やプレビューを表示するタイミングを制御する場合は、次のようにします。

    1. ファブリック管理者の設定で、[オプション] に移動します。
    2. 次に、[プレビュー機能] を選択します。
    3. [新しいカード ビジュアル] をオフにします。

    この変更は、既存のカード視覚化には影響しません。

サンプルを入手する

次の手順では、小売りの分析のサンプルを使用します。

  1. デスクトップに小売りの分析のサンプル PBIX ファイルをダウンロードします。

  2. Power BI Desktop で、[ファイル] を選択して、[レポートを開く] を選択します。

  3. Retail Analysis Sample PBIX ファイルを検索して選択し、[開く] を選択します。

  4. 小売りの分析サンプル PBIX ファイルがレポート ビューで開きます。

  5. 下部にある緑色のプラス記号 を選択して、新しいページをレポートに追加します。

新しいカード視覚化を作成する

新しいカードを作成する 1 つ目の方法は、Power BI Desktop でリボンを使用する方法です。

  1. [挿入] リボンで、[ビジュアル ギャラリー] を選択して、[カード (新規)] ビジュアル アイコンを選択します。 ビジュアル プレースホルダーが表示されると、[ビジュアルの提案] というダイアログ ボックスが自動的に表示されます。 このダイアログ ボックスは、次の手順に進む前に閉じてもかまいません。

    [挿入] メニューを示すスクリーンショット。展開されたビジュアル ギャラリーのリボンで選択されている [カード (新規) ビジュアル] を示しており、[ビジュアルの提案] ダイアログ ボックスが表示されています。

  2. フィールドまたはメジャーを追加するには、[データ] ペインでフィールドを選択します。 StoreCount データ フィールドと TotalSalesTY データ フィールドを追加します。 追加した各データ フィールドが、独自のカードとして表示されます。

    [データ] パネルのスクリーンショット。2 つのデータ フィールドが選択されている状態でパネルが開いています。その後、ビジュアルに追加されて、2 つの異なるカードが作成されています。

新しいカード視覚化を書式設定する

新しいカード視覚化には、カスタマイズのためのさまざまなオプションが用意されています。 これらのオプションについて理解を深めるために、複数の値を含む新しいカード視覚化を作成し、[書式] ペインを調べてみましょう。 これにより、さまざまな書式設定オプションを試して、使用できるすべての機能を確認することができます。

  1. 新しいカードを選択して、[ペイント ブラシ] アイコンを選んで、[書式設定] ペインを開きます。

    [書式設定] ペインのアイコンを示すスクリーンショット。カード (新規) に使用できるすべての書式設定が開いています。

  2. すべてのカードを同時に変更するには、まず [吹き出しの値] セクションと [値] セクションを展開します。

  3. [設定の適用する] セクションの [系列] で [すべて] を選択します。

  4. 次に、[フォント ファミリー]、続いて [フォント サイズ][色][透明度][水平方向の配置] を選択して変更できます。 この操作を行うと、すべてのカードが同時に変更されます。 この演習では、次の設定を適用します。

    1. [フォント]Segoe UI Bold に変更します。
    2. [サイズ]18 に変更します。
    3. [色] を青に設定します。
    4. [透明度]0% に設定します。
    5. [水平方向の配置]に変更します。

    カードの吹き出しのカスタマイズに使用できる書式設定を示すスクリーンショット。これらの設定は、フォント、色、透明度を含み、すべてのカードに適用できます。

  5. 1 つのカードを変更するには、[設定を適用する] セクションで 1 つの系列を選択すると、[フォント] の種類に加え、[サイズ][色][透明度][水平方向の配置][表示単位][値の小数点以下の桁数] を変更できます。 この演習では、次の設定を適用します。

    1. [設定を適用する] で、Total Sales を選択します。
    2. [フォント]Segoe UI Bold に変更します。
    3. [サイズ]18 に変更します。
    4. [色] を緑に設定します。
    5. [透明度]0% に設定します。
    6. 特定の値で書式を設定する必要がある場合は、[表示単位] で **[カスタム] を選択し、テキスト フィールドに書式コードを入力します。 たとえば、書式コードとして「$#,###M,」と入力すると、データの種類が通貨書式に変更されます。

    画面には、1 つのカードの [吹き出しの色] の書式設定が表示されます。これには、フォントの色、透明度、水平方向の配置、表示単位、小数点以下の桁数が含まれます。

  6. ラベルの書式を設定するには、[設定を適用する] の [系列] で [すべて] を選択します。系列を個別に選択することもできますが、この演習では、[すべて] に設定します。

  7. [ラベル] セクションを展開すると、[フォント] の種類とサイズに加え、[色][透明度][位置][ラベルと値の間のスペース] を変更して、[テキストの折り返し][一致する値の配置] をオンにします。この演習では、[ラベル] セクションを展開したら、次の設定を適用します。

    1. [フォント]Segoe UI Regular に変更します。
    2. [サイズ]18 に変更します。
    3. [色] を濃い灰色に設定します。
    4. [透明度]0% に設定します。
    5. [位置] で、ドロップダウン メニューから [値の下] を選択します。
    6. [ラベルと値の間のスペース]8 に設定します
    7. [テキストの折り返し]オフにします。
    8. [一致する値の配置] をオンにします。
    9. 次に、[ベースラインの整列] をオンにします。

    Note

    [ベースラインの整列] トグルは、すべての系列が選択されている場合にのみ使用できます。

    2 つのカードのスクリーンショット。Segoe UI Regular フォント、濃い灰色、透明度は 0% でラベルが表示されています。ラベルは値の下に配置されています。テキストの折り返しは無効で、値とベースラインの配置は両方ともオンになっています。

  8. [上下の間隔] を使って、値とラベルの間の間隔を調整します。

    重要

    この設定は、[すべて] の系列に適用した場合にのみ機能します。

    1. 系列が [すべて] に設定されていることを確認します。
    2. [間隔][上下の間隔] になっています
    3. [上下の間隔] を 4 に変更します。

    2 つのカードを示すスクリーンショット。カードどうしの上下の間隔は 4 ピクセルです。

  9. [レイアウト] セクションを展開して、次の変更を設定に適用します。 参照ラベルを使用している場合は、[吹き出しのサイズ] も変更できます。使用していなければ、このオプションはオフになっています。

    1. [縦方向の配置]上揃えに変更します。
    2. 参照ラベルを使用していないため、[吹き出しのサイズ]オフにします。

    2 つのカードを示すスクリーンショット。縦方向の配置は上揃え、[吹き出しのサイズ] はオフになっています。

すべてのカードを変更する

すべてのカードを一度に書式設定したい場合があります。 すべてのカードに一度に変更を適用する方法については、次の手順に従います。

  1. [カード] セクションを展開します。

  2. [設定を適用する] で、[系列] ドロップダウンから [すべて] を選択します。

  3. 次に、次の設定を適用します。

    1. [図形] を展開して、図形に [角丸四角形] を選択し、25 ピクセルに設定します。
    2. [背景] を青色に設定します。
    3. [透明度]90% に設定します。
    4. [枠線] トグルをオンにします。
    5. [影]、**[光彩]、[アクセント バー] をオフにします。

    [系列] で [すべて] が選択されているスクリーンショット。[角丸四角形]、25 ピクセルに設定した [丸い角]、青色の背景、透明度が 90% で [枠線] トグルがオンになっている 2 つのカードが表示されています。

1 つのカードを変更する

ビジュアル内のカードのうち 1 つだけを書式設定したい場合があります。 1 つのカードにのみ変更を適用する方法については、次の手順に従います。

  1. [カード] セクションは展開したままにしておきます。

  2. [設定を適用する] で、系列を Total Sales に設定します。

  3. [背景] をオンにします。

    1. [背景] セクションを展開します。
    2. 背景の [色] をライム グリーンに変更します。
    3. [透明度]90% に変更します。
  4. [枠線] をオンにします。

    1. [枠線] セクションを展開します。
    2. 枠線の [色] を緑に変更します。
    3. 枠線の [幅]2 ピクセルに変更します
    4. [透明度]0% に設定します。

    Total Sales 系列が選択されているビジュアルを示すスクリーンショット。下のカードが、緑色の背景色、90% の透明度、2 ピクセルの濃い緑色の枠線で表示されるようになりました。

新しいカードの参照ラベル

参照ラベルは新機能であり、これを使用すると新しいカードにカスタム ラベルを追加できます。 これらのラベルは、追加情報と比較を示すだけではなく、主要なメトリック、ベンチマーク、目標を強調するのにも役立ちます。 次の手順では、参照ラベルを使用する方法について説明します。

  1. まず、(新規) カード ビジュアルが既に作成され、書式設定されていることを確認します。

  2. 参照ラベルを追加するには、作成したビジュアルを選択して、編集アイコンを選択します。

  3. 次に、[その他のオプション] ボタンを選択して、[参照ラベル] セクションを展開します。

    編集アイコンと [その他のオプション] ボタンが選択されており、[参照ラベル] セクションが展開されている状態を示すスクリーンショット。

  4. [系列の選択] ドロップダウンで、Total Sales カードを選択します。

  5. 次に、"ラベルの追加" フィールドで、参照ラベルを追加するデータ フィールドまたはメジャーを選択します。 この操作演習では、Total Sales LYTotal Sales Variance を選択します。

    Note

    参照ラベルを追加するときに、複数のデータ フィールドを含めることができます。

    Total Sales 系列が選択されている状態を示すスクリーンショット。[参照ラベル] セクションの

    参照ラベルは、完全にカスタマイズ可能な 3 つの主要な要素で構成されます。 [タイトル] には、コンテンツのフィールド名が表示されます。 [値] は、割り当てられたデータのフィールド値を示します。 [詳細] には、1 つのデータ フィールドからの追加情報を表示するための、その他のコンテキストが追加されます。 [フォント]、[色]、[透明度] などの各要素は完全にカスタマイズ可能です。

  6. [設定を適用する][系列] で [すべて] を選択します

  7. [タイトル] トグルをオンにして、[タイトル] セクションを展開します。

    1. [フォント]Segoe UI Semibold に変更します。
    2. [サイズ]12 に変更します。
    3. [色] を緑に変更します。
    4. [透明度]0% に変更します。

    [タイトル] セクションと [値] セクションのフォント、色、透明度などの書式設定を示すスクリーンショット。1 つのカードに 2 つの参照ラベルが追加されたばかりの状態です

  8. [値] トグルをオンにして、[値] セクションを展開します。

    1. [フォント]Segoe UI Bold に変更します。
    2. [サイズ]12 に変更します。
    3. [色] を緑に変更します。
    4. [透明度]0% に変更します。

    また、参照ラベルには、[アクセント バー]、[背景色] に加え、参照ラベルが吹き出しの下か右側かを指定する [レイアウト] オプションを含む複数のオプションも含まれます。 [レイアウト] オプションには、[行] や [列] に加え、[文] や [表形式] のスタイルを含めることもできるため、ビジュアルをカスタマイズする機能を最大限に利用することができます。

  9. [背景] トグルをオンにして、[背景] セクションを展開します。

    1. [色] を明るい緑に変更します。
    2. [透明度]0% に変更します。

    2 つのカードを示すスクリーンショット。参照ラベルが、明るい緑色の背景と 0% の透明度で表示されています。また、このラベルには、値の左側に、緑色で透明度が 0% のアクセント バーがあります。

  10. [アクセント バー] トグルをオンにして、[アクセント バー] セクションを展開します。

    1. [位置] ドロップダウン オプションで、位置を [左] に変更します。
    2. [色] を緑に変更します。
    3. [透明度]0% に変更します。
    4. [幅]10 ピクセルに変更します。
  11. カードの書式設定が完了したら、キャンバス上の任意の場所でマウスをクリックして、ビジュアル要素エディターを閉じます。