ストレート テーブルの作成
複数の項目を同時に表示しているテーブル。各行の内容は論理的に結合している。通常、テーブルには 1 つの軸と複数のメジャーが含まれています。
編集中のシートに新しいテーブルを作成できます。
次の手順を実行します。
- シートで、[] をクリックして新しいビジュアライゼーションを追加します。
- [ビジュアライゼーション] の下で、[テーブル] を選択します。
- [軸を追加] または [メジャーを追加] をクリックして、テーブルに軸またはメジャーを追加します。
テーブルを作成したら、プロパティ パネルでスタイルの調整や他の設定を変更できます。 スタイル指定に関する情報については、ストレートテーブルのスタイル指定 を参照してください。チャートの他のスタイル指定のカスタマイズについては、現在のトピックおよび ビジュアライゼーションのスタイルの変更 を参照してください。
ストレートテーブルのスタイル指定
[詳細オプション] をオンにすると、プロパティ パネルの [外観] に多数のスタイル指定オプションが表示されます。
チャートのスタイル指定をさらにカスタマイズするには、[外観] > [プレゼンテーション] で [スタイル指定] をクリックします。スタイル指定パネルの [一般] および [チャート] タブには、さまざまなセクションが表示されています。
各セクションの横にある をクリックすると、スタイルをリセットできます。[すべてをリセット] クリックすると、スタイル指定パネルで利用可能なすべてのタブのスタイルがリセットされます。
個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 ビジュアライゼーションへのカスタム スタイル指定の適用」を参照してください。
テキストのカスタマイズ
[スタイル] > [基本設定] で、タイトル、サブタイトル、脚注のテキストを設定できます。これらの要素を非表示にするには、[タイトルを表示] をオフにします。
チャートの異なるラベルの可視性は、チャートごとの設定とラベル表示オプションによって異なります。これらはプロパティ パネルで構成できます。
チャートに表示されるテキストのスタイルを指定できます。
次の手順を実行します。
-
[詳細オプション] をクリックします。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。
-
[基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。
-
タイトル
-
サブタイトル
-
脚注
-
-
[チャート] タブで、次のテキスト要素のフォント サイズと色を設定します。
- ヘッダー: 列ヘッダーのテキストのスタイルを指定します。
- コンテンツ: テーブル コンテンツのテキストのスタイルを指定します。合計行を表示することを選択した場合、テキストが太字になるだけでなく、これらの設定を使用してスタイルが指定されます。
さらに、ユーザーが行の上にカーソルを合わせたときにテキストが表示される方法をカスタマイズできます。「ホバー動作とスクロールバーのカスタマイズ」を参照してください。
背景のカスタマイズ
チャートの背景をカスタマイズできます。背景は、色と画像で設定できます。
次の手順を実行します。
-
[詳細オプション] をクリックします。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。
スタイル指定パネルの [一般] タブでは、背景色 (単一色または数式) を選択できます。メディア ライブラリまたは URL から画像を背景に設定することもできます。
情報メモURL から背景画像を追加するには、URL のオリジンをテナントのコンテンツ セキュリティ ポリシーの許可リストに追加する必要があります。img-src の [ディレクティブ] を使用してオリジンを追加する必要があります。これはテナント管理者によって実行されます。
詳細については、「CSP エントリの作成」を参照してください。
背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。
背景画像を使用する際、画像のサイズや位置を調整できます。
行の高さの設定
テーブルの行の高さを調整できます。
次の手順を実行します。
-
[詳細オプション] をクリックします。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。
-
[チャート] タブの [行の高さ (行単位)] に、高さの観点から、元のサイズの行が 1 つの新しいサイズの行に収まる数を表す正の整数値を入力します。
ホバー動作とスクロールバーのカスタマイズ
ユーザーがテーブルの行の上にカーソルを合わせたときの表示オプションを設定できます。スクロールバーのサイズを設定することもできます。
次の手順を実行します。
-
[詳細オプション] をクリックします。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。
-
スタイル パネルの [チャート] タブの [行にカーソルを置く] で、次の設定を調整します。
-
ユーザーがテーブルの行の上にカーソルを合わせたときにその行を強調表示するには、 [オン] に設定します。必要に応じてオフに切り替えることができます。
-
行にカーソルを置いたときの色: ユーザーが行にカーソルを合わせたときに、強調表示する色を設定します。
-
行にカーソルを置いたときのフォントの色ユーザーが強調表示された行のテキストにカーソルを合わせたときに、強調表示する色を設定します。
-
-
[スクロールバーのサイズ] で、チャートのスクロールバーのサイズを設定します (小、中、大を選択可能)。
境界線と影のカスタマイズ
チャートの境界線と影をカスタマイズできます。
次の手順を実行します。
-
[詳細オプション] をクリックします。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[外観] > [プレゼンテーション] で、[スタイル指定] をクリックします。
-
スタイル パネルの [一般] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。
-
境界線の色を選択します。
-
[角の半径] を調整して、境界線の丸みを制御します。
-
[一般] タブの [影] で、影のサイズと色を選択します。 影を消す場合は、 [None] (なし) を選択します。
データの配置
詳細オプションで、[テキストの配置] が [自動] に設定されている場合、列データはデータ タイプに応じて配置されます。テキスト値は左側に、値に関連する日付を含め数値は右側に揃えられます。これを [カスタム] に設定すると、データを左側、中央、または右側に配置できます。
テーブルのソート
詳細オプションで、テーブルのソートはいくつかの方法で調整できます。
- 列ソート: 軸およびメジャーの順序を左から右に調整します
- 行ソート: 行のソート優先順位を調整します
- 内部ソート: 軸およびメジャーの内部ソート順序を使用します
- インタラクティブ ソート: 分析中は、列ヘッダーをクリックしてテーブルをソートできます
列のソート
既定では、列のソート順は軸とメジャーがテーブルに追加された順序に設定されています。最初にメジャー Sales を追加した場合、これがテーブルに最初に表示されます (一番左)。後は、次に追加された軸やメジャーは 2 番目の列にといった具合に、順番に表示されます。列のソート順は、詳細プロパティ パネルの [列] で変更できます。
行のソート
既定では、行のソート順は軸とメジャーがテーブルに追加された順序、数値降順、テキスト値昇順に設定されています。列見出しの下に表示されている小さな矢印は、どの列でテーブルがソートされているかを示しています。
行のソート順は、詳細オプションのプロパティ パネルの [ソート] で変更できます。軸とメジャーをドラッグして、ソートの優先順位を変更します。多くの場合、ソート順は [ソート] にある最初の軸やメジャーのみならず、それに続く軸やメジャーの影響も受けます。
以下のスクリーンショットは、行がまず Customer でソートされ、次に Month、Product Type の順でソートされています。見ての通り、列 Customer と Month には同じ値を持つ複数の行があります (A-2-Z Solutions と Month)。Product Type にある行はアルファベット順ですが、January (1 月) に顧客 A-2-Z Solutions に販売されたものだけが表示されています。
ソート順の二次的なソートを Product Type、次を Month に変更すると、すべての Product Type のうち顧客 A-2-Z Solutions に販売されたアイテムがアルファベット順に表示されます。そして、販売が行われた月のみが Month に表示されます。
内部ソート
各軸とメジャーには、既定で ([自動]) の内部ソート順があります。これは変更可能です。[ソート] にある変更したいアイテムをクリックし、[カスタム] ソートに切り替えるボタンをクリックします。アイテムの内部ソートに対する変更内容が、高い優先順位を持つアイテムと競合するソートであった場合、この変更は有効になりません。
インタラクティブ ソート機能
分析中、列のヘッダーをクリックすることで、どの列でソートを行うかを設定できます。最初にクリックすると、テーブルは選択したアイテムの既定のソート順に応じてソートされます。2 回目のクリックで、ソート順が逆になります。インタラクティブ ソート機能は、セッションベースで保存されません。ソート順を恒久的に変更したい場合は、プロパティ パネルで変更を行う必要があります。
合計の表示
既定では、数値の合計は列名の下に表示されています。詳細オプションのプロパティ パネルでは、この合計を列の一番下に表示するか、まったく表示しないように変更できます。
その他のデータの表示
チャートは、データの詳細を表示したり、異なる方法で表示したりするように構成することができます。詳細オプション プロパティ パネルの [スタイル] > [プレゼンテーション] で、次を実行できます。
-
最初の列をスクロールしないように固定する。
ナビゲーション メニューで [タッチスクリーン モード] を有効にしているアプリの消費者の場合、こうした消費者用に最初の列の固定をサポートするために、[タッチスクリーンで有効にする] をオンにする必要があります。
-
ヘッダーとセルでの複数行テキスト折り返しを別々に選択します。
-
水平スクロールをオフにし、列ピッカー機能をオンにします。これにより、アプリの消費者はテーブルの列の順序を変更できます。
メジャーにトレンド インジケーターを追加
メジャー列にトレンド インジケーターを追加できます。これにより、メジャー値の後にシンボルが表示されるようになります。表示するシンボルとシンボルの色を判断する範囲を定義できます。インジケーターを有効化するには、詳細オプションのメジャー プロパティ内の [表現] を [インジケーター] に設定します。
インジケーターの限度を設定
インジケーターの表示を使用する範囲には、[限度の追加] を使用して限度を追加する必要があります。限度値を設定する方法は 3 通りです。
- スライダーを使用する。
- テキスト ボックス内に値を入力する。
- 限度値を返す数式を設定する。
限度を追加すると、各定義の範囲でインジケーターの色とシンボルが選択できます。
インジケーターのスタイル指定
インジケーターを表示するスタイルを指定できます。
- インジケーターとメジャー値の両方を表示するには、[値の表示] を選択します。
- 値の色にインジケーターの色と同じ色を設定するには、[色を値に適用] を使用します。
- インジケーターを値の右か左のどちらに表示するかは、[インジケーターの位置] で決めます。
例
この例では、Sales メジャーにトレンド インジケーターを追加して、目標値を下回る値を表示します。インジケーターの限度は次の通りです。
- 値が 3000000 未満の場合は、赤色のフラグを表示。
- 値が 3000000 から 3500000 の範囲にある場合は、黄色のフラグを表示。
- 値が 3500000 を超える場合は、緑色のチェックマークを表示。
メジャーへのミニ チャートの追加
ミニ チャートをメジャー列に追加できます。これにより、メジャーの値の代わりに、小型のチャート ビジュアライゼーションが表示されます。表示するデータとデータの色を判断する軸を定義できます。インジケーターを有効化するには、詳細オプションのメジャー プロパティ内の [表現] を [ミニ チャート] に設定します。
ミニ チャートの型の設定
ミニ チャートの基となる軸を指定した後、[モード] を選択する必要があります。
- [棒] は棒グラフを作成します。
- [点] は点グラフを作成します。
- [スパークライン] により、スパークライン チャートを作成できます。スパークライン チャートと合わせて各データ ポイントにドットを表示するには、[ドットを表示] を選択します。
- 正/負は各値がゼロの上または下の点で表されるグラフを作成します。
モードを選択すると、ミニ チャートの [Y 軸] をミニ チャート オプションの下部で指定できます。
ミニ チャートのスタイル
[棒]、[点]、[スパークライン] の棒または線の色を設定できます。
- オプションで [最大値の色] と [最小値の色] を設定すると、表示されているチャートの最大値と最小値を強調できます。
- オプションで [最初をハイライト] と 最後をハイライト] を設定すると、表示されているチャートの最初の値と最後の値を強調できます。
[正/負] ミニ チャートの正の色と負の色を設定できます。