ビジュアルの書式設定を最適化する

視覚化ウィンドウを使用して、モバイル レイアウト用にビジュアルの形式を最適化します。

[視覚化] ウィンドウ

[視覚化] ウィンドウでは、モバイル レイアウトの書式設定を変更することで、ビジュアルを正確に書式設定できます。

キャンバスにビジュアルを最初に配置すると、その書式設定が視覚化ウィンドウに表示されます。 そのフォーマット設定のほとんどはデスクトップレイアウトに接続され、そこからその値を取得します。 例外については、「 モバイルの書式設定に関する考慮事項と制限事項 」を参照してください。

ビジュアルを書式設定するには、キャンバスでビジュアルが選択されていることを確認します。 [視覚化] ウィンドウで、関連する設定を見つけて変更を加えます。

設定を変更すると、設定はデスクトップ レイアウトから切断され、独立します。 設定に加えた変更はデスクトップ レイアウトには影響しません。また、その逆も同様です。デスクトップ レイアウトの設定に加えた変更は、モバイル レイアウトには影響しません。 ビジュアルの設定を変更すると、アイコンは変更されたことを示します。 モバイルの書式設定の変更を破棄すると、設定 (または設定) がデスクトップ レイアウトに再接続され、現在のデスクトップ値が使用されます。

次の図は、書式設定、変更表示、別のウィンドウ機能を含む視覚化ペインを示しています。

モバイルの書式設定の変更を破棄する

カテゴリ カードの下部にある [モバイルの変更をクリア] を選択すると、モバイルの書式設定の 変更 を 1 つのカテゴリに破棄できます。 その 他のオプション (...) を選択し、コンテキスト メニューから [ モバイルの書式設定をクリア ] を選択すると、ビジュアルのすべてのモバイル書式設定の変更を破棄できます。

モバイルの書式設定の変更を破棄すると、設定 (または設定) がデスクトップ レイアウトに再接続され、そこからその値が取得され直されます。

モバイル レイアウト ビューの視覚化ウィンドウは、デスクトップ レイアウト ビューの一部である視覚化ウィンドウによく似ています。

モバイルの書式設定に関する考慮事項と制限事項

• サイズと位置の設定はデスクトップ レイアウトから継承されないため、サイズと位置の設定に変更の表示は表示されません。

モバイル書式設定の例

このセクションでは、Power BI のモバイル書式設定機能を使用してビジュアルをより便利でモバイル レイアウトに適するように変更する方法の例をいくつか示します。

次の例を示します。

• ビジュアルのグリッドの向きとスタイルの設定を、電話のレイアウトに合わせて変更する方法。
• モバイル デザインに合わせてさまざまな図形を使用する方法。
• 他のレポート ビジュアルに合わせてビジュアルのフォント サイズを調整する方法。
• サイズと位置の設定を使用して正確なデザインを作成する方法。
• 不動産を最大化するためにグラフの設定を調整する方法。

下のアニメーション画像では、一部のビジュアルがキャンバスに配置された後のモバイル レイアウトが開始点に表示されます。 次に、視覚化の書式設定ウィンドウを使用して、これらのビジュアルがどのように変更されるかを画像に示します。

モバイル レイアウトに合わせてグリッドの向きを変更する

一部のビジュアルのグリッドの向きは、デスクトップ レイアウトでは適切に機能しますが、モバイル画面のサイズが小さく、スペースが限られている場合はうまく機能しない場合があります。 このサンプル レポート ページでは、ページ ナビゲーターが垂直方向に積み上げられました。 この向きはデスクトップ レイアウトには適していますが、モバイル レイアウトには最適ではありません。 この画像は、[視覚化] ウィンドウの [グリッド レイアウトの向き] 設定を変更することで、ページ ナビゲーターがどのように水平になるかを示しています。

デザイン要素として使用する図形を変更する

デスクトップ レイアウトで作成された任意の図形を取得し、[図形] 設定を使用してモバイル レイアウトの他の図形に変更できます。 これにより、図形を再利用できます。 次の図は、ページ ナビゲーターの背景として使用されたデスクトップ レイアウトの四角形の図形がモバイル レイアウトの線の図形に変更され、ページ ナビゲーターの下線を引くために使用される方法を示しています。

他のビジュアルに合わせてビジュアルのフォント サイズを変更する

デスクトップ レイアウトで使用されるフォント サイズは、通常、モバイル レイアウトでは大きすぎて、領域が多すぎて読みにくいテキストになります。 そのため、モバイル レイアウトを作成するときに行う必要がある最も一般的な操作の 1 つは、フォント サイズの変更です。 次の図では、カード ビジュアルのフォント サイズを変更すると、テキストが他のビジュアルに適していることがわかります。 表示単位を数千から数百万に変更すると、モバイル レイアウトに合わせてビジュアルのサイズが向上する点にも注意してください。

プロパティを使用して視覚的なサイズと位置を正確に判断する

モバイル レイアウト キャンバスには、ビジュアルのサイズと配置に役立つ細かいグリッドとスマート ガイドが既に用意されていますが、ビジュアルの正確なサイズと位置を制御する必要がある場合があります。 これは、位置とサイズの設定を使用して行うことができます。

注

サイズと位置の設定は、デスクトップ レイアウトから継承されることはありません。 したがって、サイズと位置の設定を変更すると、変更インジケーターは表示されません。

次の図は、サイズと位置の設定を使用してビジュアルのサイズを調整する方法を示しています。 ビジュアルを複数選択すると、一度に複数のビジュアルに変更を適用できる点に注意してください。

フォーマット設定を活用してビジュアルを最適化し、画面スペースを有効に利用する

ビジュアルの設定を使用して、よりコンパクトにし、スペースを節約できる場合があります。 次の例では、横棒グラフのビジュアルが表示されます。 キャンバス上でビジュアルが使用するサイズを縮小するために、凡例と X 軸をオフにします。 ただし、凡例と X 軸を削除すると、バーの横に値が表示されないため、バーが不明瞭になります。 これを解決するために、バー上でデータ ラベルをオンにして中央に表示します。 このような方法で領域を節約すると、スクロールしなくても、より多くのビジュアルを一度に表示できます。

ヒント: ほとんどのグラフでは、レスポンシブ設定が既定でオンになっています。 グラフの要素がビジュアルのサイズの影響を受けないようにするには、ビジュアルの設定でレスポンシブ設定をオフにします ([全般] > [プロパティ] > [詳細] オプション > レスポンシブ)

ビジュアルとスライサーの代替書式設定オプション

ビジュアル

既定では、多くのビジュアル (特にグラフタイプのビジュアル) は応答性が高くなります。 つまり、画面サイズに関係なく、データと分析情報の最大量を表示するように動的に変更されます。

ビジュアルのサイズが変更されると、Power BI によってデータが優先されます。 たとえば、埋め込みを削除し、凡例をビジュアルの上部に自動的に移動して、ビジュアルが小さくなっても情報が得られ続ける場合があります。

応答性は、ビジュアル設定を使用して書式設定を妨げる可能性があります。 応答性をオフにするには、キャンバスでビジュアルを選択し、[視覚化] ウィンドウで [ 全般] > [プロパティ] > [詳細設定] オプションに移動します。

スライサー

スライサーは、レポート データのキャンバス上のフィルター処理を行います。 通常のレポート作成モードでスライサーを設計する場合は、スライサーの設定を変更して、モバイル最適化レポートでより使いやすくすることができます。

• レポート閲覧者が 1 つのアイテムのみを選択するか、複数のアイテムを選択するかを決定できます。
• スライサーを垂直方向、水平方向、または応答性にできます (レスポンシブ スライサーは水平である必要があります)。

スライサーの応答性を高め、サイズや図形を変更すると、オプションが増減します。 高い、低い、広い、または狭いという形態であることがあります。 十分に小さくすると、レポート ページのフィルター アイコンになります。

レスポンシブ スライサーの作成について詳しくは、こちらをご覧ください。

ボタン、スライサー、ビジュアルの動作をテストする

モバイル レイアウト キャンバスは対話型であるため、モバイル最適化ビューの設計中にボタン、スライサー、その他のビジュアルの動作をテストできます。 ビジュアルの相互作用を確認するためにレポートを発行する必要はありません。 一部 の制限が適用されます 。

関連コンテンツ

• ビジュアルのレイヤーを配置する