自分の好きな色のパレットを一気に追加する方法

Exploratoryでは、チャート作成時に「色で分割」の機能を使って、選択した列のカテゴリーごとにチャートを可視化することが可能です。

デフォルトで豊富なカラーパレットを用意しており、色で分割のメニューから利用するカラーパレットを変更することも可能です。

また、自社の色に適したカラーパレットを作ったり、データの意味に合わせた色にしたい場合は、カスタムカラーパレットを作成することで、独自に設定した色のパレットを作ることができます。

• 自分の好きな色のパレットを追加する方法 - リンク

ただし、通常のカラーパレットの追加方法では、一つ一つカラーパレットを作り、各カラーパレットの中で設定する色を一つずつ指定する必要があります。

Exploratoryは1つ1つのカスタムカラーパレットをJSONの1つのファイルとして管理しているため、自身で管理しているパレットの情報があれば、UIを利用せずにJSONファイルを使って、複数のカスタムカラーパレットを一気に追加することができます。

カラーパレットのJSON形式

1つのカラーパレットは以下のようなJSON形式のファイルになっています。

{
    "displayName": "5 Level Sequential",
    "colors": [
        "rgba(255,255,204,1)",
        "rgba(194,230,153,1)",
        "rgba(120,198,121,1)",
        "rgba(49,163,84,1)",
        "rgba(0,104,55,1)"
    ],
    "textColors": [],
    "id": "dTK4xVL7"
}

編集が必要な項目は以下の通りです。

• displayName: カラーパレットの名称を設定します
• colors: 各パレットの配色が上から順に保存します
• id: 任意の名前を設定します

{
    "displayName": "5 Level Sequential",
    "colors": [
        "rgba(255,255,204,1)",
        "rgba(194,230,153,1)",
        "rgba(120,198,121,1)",
        "rgba(49,163,84,1)",
        "rgba(0,104,55,1)"
    ],
    "textColors": [],
    "id": "dTK4xVL7"
}

{
    "displayName": "7 Level Sequential",
    "colors": [
        "rgba(255,255,204,1)",
        "rgba(194,230,153,1)",
        "rgba(120,198,121,1)",
        "rgba(49,163,84,1)",
        "rgba(0,104,55,1)",
        "rgba(0,68,27,1)",
        "rgba(0,40,15,1)"
    ],
    "textColors": [],
    "id": "dTK4xVL7"
}

カラーパレットを追加する手順