データの可視化の色

  • リリースバージョン: Yokohama
  • 更新日 2025年01月30日
  • 所要時間:6分
  • データの可視化に応じて、各 [グループ] 要素の固定色、事前定義されたカラーパレット、高い値と低い値にまたがるスペクトル、または単一の色など、さまざまな色を選択できます。

    デフォルトでは、データの可視化は、インスタンスで使用される UX テーマ [sys_ux_theme] で設定された色を使用します。これらの色は、UX テーマプロパティ [sys_ux_theme_properties] テーブルで定義されます。テーマには次の色が含まれています。
    • デフォルトの単色
    • デフォルトのカラーパレット
    • 色範囲のデフォルトの色合いスペクトル

    テーマを作成し、特定のユーザー用に選択することも、インスタンスのデフォルトテーマとして設定することもできます。詳細については、「Working with themes in Next Experience」を参照してください。

    特定の可視化では、UX テーマで設定された色を上書きできます。可視化の構成パネルの [プレゼンテーション] セクションの [色] サブセクションで色を設定します。使用可能なオプションについては、「作成...」トピックを可視化タイプごとに説明します。

    単一の値の色またはメトリクスごとの色の選択

    ゲージと円/ドーナツグラフを除くすべての可視化に対して、単一の値の色を選択できます。単一の色を選択すると、最初にデフォルトの色が表示されます。代わりに、[ 値の色を設定 ] フィールドで色を選択できます。そのフィールドを操作すると、セレクターが開き、色ごと、アイコンごと、またはリストから色を選択できます。リストには、各エントリのアイコンも表示されます。セレクターには検索フィールドもあります。その検索フィールドに値を入力すると、検索用語でフィルタリングされた色のリストが表示されます。検索用語は、わかりやすい言葉または 16 進コードの一部にすることができます。

    データの可視化に複数のメトリクスが表示される場合は、メトリクスごとに単一の色を選択できます。

    図 : 1. アイコンモードとリストモードのカラーセレクター
    アイコンで選択する場合のカラーセレクター リストで選択する場合のカラーセレクター 検索用語を使用したカラーセレクター。

    ピボットテーブル、ダイヤル、および単一スコアの可視化の色ルール

    単一スコア、ダイヤル、およびピボットテーブルのビジュアル化では、データが特定の条件を満たすときに動的に設定される単一の色を使用できます。たとえば、25 未満の値のスコアを緑色で表示するルールを作成できます。詳細については、「データ可視化の色分けルールの作成」を参照してください。

    [テーブルデータソースの値でグループ化] の色オプション

    テーブルデータソースに基づく可視化で値でグループ化する場合、次の 2 つの色範囲オプションがあります。
    カラーパレット
    [グループ] 要素に適用される一連の色。色は、最大値から最小値の順に繰り返されます。色で順序を示す場合は、データの可視化でカラーパレットを使用します。同じパレットを使用する可視化は、表示されているデータに関係なく同じ色を使用します。

    カラーパレットは、[グループ] の値が定義されているデータ可視化におけるデフォルトのカラーリングパターンです。カラーパレットを指定しない場合は、UX テーマのカラーパレットが使用されます。

    デフォルト以外のカラーパレットは、チャートのカラースキーム [pa_chart_color_schemes] テーブルで定義されます。カラーパレットを作成するには、admin または pa_admin ロールが必要です。詳細については、「カラースキームの作成」を参照してください。

    次の例では、インシデントを示す 2 つのデータの可視化が表示されています。1 つのチャート化では優先度別にグループ化されたインシデントが表示され、もう 1 つのチャート化ではカテゴリ別にグループ化されたインシデントが表示されます。どちらのビジュアライゼーションでも、6 つの濃淡の青を使用する青の暗から明 (6) カラーパレットを使用しています。どちらの可視化も、値は異なりますが、値の同じランクに対して同じ色で表示されます。

    図 : 2. カラーパレット:青(明から暗)
    同じカラーパレットを 2 つの異なる [グループ] の値に適用
    固定要素の色
    固定要素の色は、同じグループ化または積み重ね値に常に同じ色を適用します。チャート化によってグループ化および積み重ねの値が異なると、色が異なります。たとえば、優先度 > 1 - 重大などの要素を常に同じ色にする場合は、固定要素の色を使用します。
    重要:

    固定要素の色は、テーブルデータソースの可視化でのみ使用できます。

    固定された要素の色を使用しているデータの可視化に要素が初めて表示されると、その要素に色が定義されます。その後、その要素は、それを表示するすべてのデータビジュアル化で同じ色になります。色は、チャートの色 [sys_report_chart_color] テーブルの要素ごとに保存されます。要素に割り当てられた色を変更するには、admin ロールまたは report_admin ロールが必要です。詳細については、「データカテゴリの色の定義」を参照してください。

    次の例では、同じフィールド [優先度] でグループ化されたインシデントを示す 2 つのデータの可視化が表示されています。どちらの可視化も、固定要素の色を使用します。優先度の値が同じでも、順序は異なりますが、同じ色になります。

    図 : 3. 固定要素の色:同じ要素、異なる順序
    同じフィールドで固定要素の色を使用してグループ化された 2 つのデータ表示方法。

    次の例では、データの可視化はさまざまなフィールドでグループ化され、固定要素の色を使用しています。各要素の色は一意であるため、バーの色は異なります。

    図 : 4. 固定要素の色:異なる要素
    固定要素の色を使用しているが、異なる要素でグループ化されているため、異なる色を使用している 2 つのデータ表示方法。

    データ可視化の色分けルールの作成

    数値の表示方法に関するルールを構成して、値が重要な理由を簡単に強調できるようにします。

    始める前に

    必要なロール:可視化に対する任意のロールと編集権限

    このタスクは、一部のデータ可視化の表示設定の構成の一部です。

    手順

    1. ダッシュボードのインラインエディターまたは可視化デザイナーで、編集するデータの可視化を開きます。
    2. 構成パネルの [プレゼンテーション ] 領域で、[ ] セクションを開きます。
    3. 単色タイプを選択し、[ルールの追加] を選択します。

      データ可視化の [構成] パネルにある [プレゼンテーション] の [色] の下にある [色ルール] セクション。
    4. フォームのフィールドに入力します。
      表 : 1. 色ルールフィールド
      フィールド 説明
      オペレーター 値を評価するときに使用される演算子 ( greater thanbetween)。たとえば、5 未満の値をスタイル設定するには、[ より小さい] を選択し、[ 値 1 ] の値を 5 に指定します。
      値 1 セル値を評価するための数値。[演算子] の値が [次の間] の場合、[値 1] フィールドには小さい方の値を入力します。
      注:
      • カラー ルールが集計値に適用されます。
      • 期間値に基づくルールを作成する場合は、期間を秒単位で指定します。
      値 2 このルールに一致する最大値。このフィールドは、[演算子] の値が [次の間] の場合にのみ表示されます。
      フォントの色 このルールに一致する値に適用するフォントの色。
      ルールの順序 (オプション) ルールが適用される順序を決定する数値。

      ルールは最低値から最高値の順に評価されます。たとえば、1 つ目のルールで値 7 に青色を適用し、2 つ目のルールで 1 から 10 の値に赤色を適用するとします。7 を青色にするには、1 つ目のルールの [ルール オーダー] の値の方を大きくして、2 つ目のルールによって上書きされないようにします。

      ルール オーダーを指定しない場合、カラーリング ルールは作成された順に適用されます。

    5. [ 適用 ] を選択してルールを保存します。
      新しいルールを作成するか、 可視化デザイナーに戻ります。