ブレット チャートの作成
ブレット チャート (Bullet chart) には、拡張オプションと一緒にゲージが表示されます。ブレット チャートを使用することで、メジャーのパフォーマンスを視覚化し、目標値や質的スケール (不良、平均、良好など) と比較できます。
編集中のシートにブレット チャートを作成できます。
次の手順を実行します。
- シートで、[] をクリックして新しいビジュアライゼーションを追加します。
- [ビジュアライゼーション] で、 [ブレット チャート] を選択します。
- 項目またはマスター アイテムをクリックして、[データ] の下に軸としてドラッグします。この軸は、表示されるゲージの数を定義します。
-
項目またはマスター アイテムをクリックして、データの下にメジャーとしてドラッグします。これは、棒の長さを定義するチャートの値メジャーです。
メジャーを選択すると、既定設定でブレット チャートが表示されます。各ゲージは、個別の範囲で表示されます。共通の範囲を使用する場合は、[詳細オプション] の[スタイル] > [Y 軸] > [共通の範囲] で設定できます。
-
目標値を追加するには、[詳細オプション] のメジャーの下にある [目標] をクリックします。固定値を定義するか、目標値が設定されているメジャーを使用できます。
-
実績範囲を追加するには、[詳細オプション] のメジャーの下にある [セグメントの使用] を [オン] に設定します。
[制限の追加] をクリックして、セグメントの範囲制限を設定します。クリックすることで、各セグメントの色を調整できます。
固定制限値または数式を定義できます。
選択した軸およびメジャーと一緒にブレット チャートが表示されるようになりました。
ブレット チャートを作成したら、詳細編集モードでスタイルや他の設定を調整できます。 スタイル指定に関する情報については、ブレット チャートのスタイル指定 を参照してください。チャートのスタイルの他の側面をカスタマイズに関する情報については、ビジュアライゼーションのスタイルの変更 を参照してください。
ブレット チャートのスタイル指定
[詳細オプション] をオンにすると、プロパティ パネルの [外観] に多数のスタイル指定オプションが表示されます。
チャートのスタイル指定をさらにカスタマイズするには、[外観] > [プレゼンテーション] で [スタイル指定] をクリックします。スタイル指定パネルの [一般] および [チャート] タブには、さまざまなセクションが表示されています。
各セクションの横にある をクリックすると、スタイルをリセットできます。[すべてをリセット] クリックすると、スタイル指定パネルで利用可能なすべてのタブのスタイルがリセットされます。
個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 ビジュアライゼーションへのカスタム スタイル指定の適用」を参照してください。
テキストのカスタマイズ
[スタイル] > [基本設定] で、タイトル、サブタイトル、脚注のテキストを設定できます。これらの要素を非表示にするには、[タイトルを表示] をオフにします。
チャートの異なるラベルの可視性は、チャートごとの設定とラベル表示オプションによって異なります。これらはプロパティ パネルで構成できます。
チャートに表示されるテキストのスタイルを指定できます。
次の手順を実行します。
-
[詳細オプション] をクリックします。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。
-
[基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。
-
タイトル
-
サブタイトル
-
脚注
-
-
[チャート] タブで、次のテキスト要素のフォント、フォント サイズ、色を設定します。
-
軸タイトル: 軸のタイトルのスタイルを決めます。
-
軸ラベル: 軸のラベルのスタイルを決めます。
-
値ラベル: 各軸の値のメジャー値を表示するラベルにスタイルを指定します。
[自動コントラスト色] チェックボックスをクリックすると、選択した色がアプリのテーマの既定色で自動的に上書きされます。これは、バーの内側またはバーの外側の白い四角形内の値ラベルにのみ適用されます。
-
背景のカスタマイズ
チャートの背景をカスタマイズできます。背景は、色と画像で設定できます。
次の手順を実行します。
-
[詳細オプション] をクリックします。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。
スタイル指定パネルの [一般] タブでは、背景色 (単一色または数式) を選択できます。メディア ライブラリまたは URL から画像を背景に設定することもできます。
情報メモURL から背景画像を追加するには、URL のオリジンをテナントのコンテンツ セキュリティ ポリシーの許可リストに追加する必要があります。img-src の [ディレクティブ] を使用してオリジンを追加する必要があります。これはテナント管理者によって実行されます。
詳細については、「CSP エントリの作成」を参照してください。
背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。
背景画像を使用する際、画像のサイズや位置を調整できます。
境界線と影のカスタマイズ
チャートの境界線と影をカスタマイズできます。
次の手順を実行します。
-
[詳細オプション] をクリックします。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[外観] > [プレゼンテーション] で、[スタイル指定] をクリックします。
-
スタイル パネルの [一般] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。
-
境界線の色を選択します。
-
[角の半径] を調整して、境界線の丸みを制御します。
-
[一般] タブの [影] で、影のサイズと色を選択します。 影を消す場合は、 [None] (なし) を選択します。
目標値の設定
[詳細オプション] の詳細プロパティでは、マーカー ラインとして表示されるターゲット値を追加できます。メジャーに売上高が含まれている場合、これはたとえば予算売上になる可能性があります。
固定値を定義するか、目標値が設定されているメジャーを使用できます。
実績範囲の設定
[詳細オプション] の詳細プロパティで、パフォーマンス範囲を追加できます。プロパティ パネルで、メジャーの下にある [セグメントを使用] を [オン] に設定します。
インジケーターの表示を使用する範囲には、[限度の追加] を使用して限度を追加する必要があります。限度値を設定する方法は 3 通りです。
- スライダーを使用する。
- テキスト ボックス内に値を入力する。
- 限度値を返す数式を設定する。
配色の変更
標準編集モードでは、バーの色を変更できます。[スタイル] > [色] > [色] を [カスタム] に設定することで、値バーと目標の配色を変更できます。単色を設定するか、数式を使用できます。
限度を追加すると、各定義の範囲でインジケーターの色とシンボルが選択できます。
カスタム ツール ヒントの追加
詳細編集モードでは、ツール ヒントとしてメジャー、チャート、画像を追加することができます。カスタム ツール ヒントを追加するには、[スタイル] > [ツール ヒント] > [カスタム] を選択します。
-
ツール ヒントとしてメジャーを追加する場合は、[項目から] を使用して項目からメジャーを追加できます。数式を使用してメジャーを追加することもできます。 をクリックして、数式エディタを開きます。 既存の数式が既定で表示されます。タイトルと説明をツール ヒントに追加できます。ツール ヒントのラベルを変更するには、[ラベル] を使用するか、[数値書式] で書式を設定します。
-
チャートをツールヒントとして追加する場合は、[マスター アイテム] のリストからマスター ビジュアライゼーションを選択します。
- ツール ヒント コンテナのサイズを設定します。Qlik Sense はチャートをコンテナに収めます。
- 小。コンテナの幅と高さを 140 ピクセルに設定します。
- 中。コンテナの幅と高さを 200 ピクセルに設定します。
- 大。コンテナの幅と高さを 340 ピクセルに設定します。
- ツール ヒント コンテナのサイズを設定します。Qlik Sense はチャートをコンテナに収めます。
-
ツール ヒントとして画像を追加する場合は、[メディア ライブラリ] から画像を追加するか URL から画像を追加するかを選択します。
- ツール ヒント コンテナのサイズを設定します。Qlik Sense は画像をコンテナに収めます。
- 小。コンテナの幅と高さを 50 ピクセルに設定します。
- 中。コンテナの幅と高さを 200 ピクセルに設定します。
- 大。コンテナの幅と高さを 340 ピクセルに設定します。
- 元のサイズ。Qlik Sense は画像をコンテナに収めます。画像が 340 ピクセルを超える場合は、縮小されます。
- メディア ライブラリ: 種類にメディア ライブラリを選択すると表示されます。メディア ライブラリから画像をクリックして選択します。
- URL: 種類に URL を選択すると表示されます。URLを入力します。Qlik Sense 管理者は、Content Security Policy の外部 URL をホワイトリストに登録する必要があります。
- ツール ヒント コンテナのサイズを設定します。Qlik Sense は画像をコンテナに収めます。
軸のスケールの設定
軸を 1 つ使用して数個のゲージを表示する場合、軸のスケールの表示方法は、詳細シート エディターで [スタイル] > [Y 軸] > [共通の範囲] で選択できます。
-
各軸ゲージで同じスケールを使用する場合は、[共通の範囲] を有効にします。範囲メジャーが軸の値によって異なる場合、範囲の棒の長さは同じではなくなります。
これは、実際の値を比較できるようにする場合に役立ちます。
また、[スタイル] > [Y 軸] > [共通の範囲] を使用して、すべてのゲージに共通の軸を設定することもできます。
-
各範囲の棒の長さが等しくなるようにする場合は、[共通の範囲] を無効にします。
これは、各軸の値の相対的な実績を比較できるようにする場合に役立ちます。
ラベルの方向の変更
チャートのラベルの方向を変更するには、チャートの表示が垂直である必要があります。これは、詳細編集モード プロパティ パネルで [スタイル] > [プレゼンテーション] > [垂直] を選択することで設定できます。次に、[スタイル] > [X 軸] > [ラベルの方向] でラベルの方向を選択できます。次の方向を利用できます。
-
自動: チャートで利用可能なスペースに応じて、他のオプションの 1 つを自動的に選択します。
-
水平: ラベルは 1 本の水平線に配置されます。
-
斜め: ラベルは水平に斜めに積み上げられます。
-
レイヤー: ラベルは 2 本の水平線にまたがってずらされています。
ラベルの方向の例を表示するには、X 軸と Y 軸 を参照してください。