# ダッシュボードウィジェットの色のカスタマイズ

ウィジェットの色をカスタマイズするには、次のオプションを確認してください:

* [ウィジェットの色の変更](/ja/products/customer-data-platform/treasure-insights/customizing-dashboard-widget-colors#select-a-single-color)
* [条件付き色の定義](/ja/products/customer-data-platform/treasure-insights/customizing-dashboard-widget-colors#defining-conditional-colors)


Treasure Dataは、ウィジェットの色をカスタマイズするための次のオプションをサポートしています:

* **単色。** すべての値に対する特定の色。
* **範囲。** 色の範囲。
* **条件付き。** 条件付きデータに基づく色。


## 単色の選択

1. ダッシュボードを開くか、[新しいダッシュボードを作成](/ja/products/customer-data-platform/treasure-insights/creating-a-new-dashboard)します。
2. ウィジェットを特定し、鉛筆アイコンを選択して編集します。
3. 左パネルで、色の値を選択します。
![](../../../images/products/customer-data-platform/treasure-insights/image2021-1-5_10-45-42.png)
4. **単色**を選択します。
5. 別の色を選択するか、HTMLカラーコードを入力します。
6. **OK**をクリックします。


## 色の範囲の選択

Treasure Insightsは、列グラフと棒グラフに対してのみ色の範囲をサポートしています。

1. ダッシュボードを開くか、[新しいダッシュボードを作成](/ja/products/customer-data-platform/treasure-insights/creating-a-new-dashboard)します。
2. ウィジェットを特定し、鉛筆アイコンを選択して編集します。
3. 左パネルで、色の値を選択します。
![](../../../images/products/customer-data-platform/treasure-insights/image2021-1-5_12-38-16.png)
4. **範囲**を選択してから**手動**を選択します。
5. 色の範囲を設定します:


* **最小色と最大色の変更**。左または右の色付きの四角形を選択し、別の色を選択します。**OK**を選択します。
* **色の範囲のカスタマイズ:**
  * 最小色の値を設定します。設定された最小値未満のすべての値には、左側の色が割り当てられます。
  * 最大色の値を設定します。設定された最大値を超えるすべての値には、右側の色が割り当てられます。
* **ステップを使用した色の範囲の定義**。**トランジション**を選択してから、範囲内の色の数を定義するステップ数を指定します。線形の色の範囲には**グラデーション**を選択します。


# 条件付き色の定義

Treasure Insightsは、フィールドの値に基づいて色を定義するための論理式を使用する機能をサポートしています。

1. ダッシュボードを開くか、新しいダッシュボードを作成します。
2. ウィジェットを特定し、鉛筆アイコンを選択して編集します。
3. 左パネルで、色の値を選択します。
![](../../../images/products/customer-data-platform/treasure-insights/image2021-1-5_16-16-22.png)
4. 条件付きを選択します。
各行は、値を適用できる条件を表します。条件が真の場合、値は行に対して選択した色で表示されます。たとえば、否定的な条件が満たされた場合に赤を表示し、値が正の場合に緑を表示する条件を作成したい場合があります。
5. 各行の式を定義します:
  * 演算子を選択し、値を指定します。たとえば、...
  * フィールドの色を選択します。
  * (オプション)**+ 条件を追加**を選択して、追加の条件行を追加します。
6. **OK**を選択します。