Plotlyで作ったtreemapの背景色を変えたい

Question

実現したいこと

Plotlyのtreemapで、暗号資産のヒートマップを作りたいです。

発生している問題・分からないこと

添付画像が作成中のヒートマップです。
このヒートマップの背景色で黒くなっている部分を白色に変更したいです。

該当のソースコード

import requests
import pandas as pd
import plotly.express as px
import plotly.io as pio

pio.renderers.default = "browser"

# CoinGecko API - TOP100取得
params = {
    "vs_currency": "usd",
    "order": "market_cap_desc",
    "per_page": 100,
    "page": 1,
    "price_change_percentage": "24h"
}
response = requests.get("https://api.coingecko.com/api/v3/coins/markets", params=params)
data = response.json()

# DataFrame化
df = pd.DataFrame([{
    "name": coin["name"],
    "symbol": coin["symbol"].upper(),
    "price": coin["current_price"],
    "market_cap": coin["market_cap"],
    "change_24h": coin["price_change_percentage_24h"]
} for coin in data])

# 除外リスト
stablecoins = [
    "USDT", "USDC", "DAI", "TUSD", "BUSD", "FDUSD", "GUSD", "LUSD", "USDP", "EURS", "EURT"
]
derivatives_tokens = [
    "WBTC", "WETH", "STETH", "RETH", "CBETH", "SETH", "MIMATIC", "AXLUSDC",
    "SUSDT", "WSOL", "WBNB", "WAVAX", "WFTM", "REUSD", "RSV", "SOLVBTC",
    "CBBTC", "WSTETH", "RSETH", "WEETH", "BNSOL"
]
exclude_specific = ["LBTC", "XAUT"]

# フィルタリング
df = df[
    (~df["symbol"].isin(stablecoins)) &
    (~df["symbol"].isin(derivatives_tokens)) &
    (~df["symbol"].isin(exclude_specific))
]

# スケーリング（全体 market_cap ベース）
df["scaled_value"] = df["market_cap"] / df["market_cap"].sum()

# ラベル整形
df["label"] = df.apply(
    lambda row: f'{row["symbol"]}<br>${row["price"]:,}<br>{row["change_24h"]:.2f}%',
    axis=1
)

# ヒートマップ描画（カテゴリ階層なし）
fig = px.treemap(
    df,
    path=["label"],
    values="scaled_value",
    color="change_24h",
    color_continuous_scale="RdYlGn",
    title="暗号資産ヒートマップ（時価総額ベース）"
)

fig.show()

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

コード末尾に以下のコードを加えてみたが変わらない。

fig.update_layout(
paper_bgcolor='white',
plot_bgcolor='white',
treemapcolorway=["#ffffff"]
)

補足

特になし

Comments

[melian]

Plotly のコミュニティフォーラムで同様の問題が報告されています。

Plotly Community Forum: Change root container color
https://community.plotly.com/t/change-root-container-color

以下のコメントに書かれている様に、color と color_continuous_scale を指定するとコンテナの root color を変更できない様です。

https://community.plotly.com/t/change-root-container-color/79991/4
> Adding px.Constant(" "), will change the colour but you can't specify it as it's from the colour scheme.
> It just doesn't work with color_continuous_scale. You can either make it using a discrete colour sequence or choose a different colour scheme.

書かれてある通り、ダミーで px.Constant(" ") を追加すれば root color が変更されますが、任意の色には変更できません。

fig = px.treemap(
　df,
　# path=["label"],
　path=[px.Constant(" "), "label"],
　values="scaled_value",
　color="change_24h",
　color_continuous_scale="RdYlGn",
　title="暗号資産ヒートマップ（時価総額ベース）"
)

[ryosuke0528]

コメントありがとうございます。
実際に試し、仰る通り色の変更はできるものの、任意の色には指定できないこと確認いたしました。
早々に、かつ大変わかりやすく解説いただきましてありがとうございました。

[ryosuke0528]

ベストアンサーに選びたいので同じ内容を回答欄に投稿いただけますでしょうか？

Answer 1

Plotly のコミュニティフォーラムで同様の問題が報告されています。

Plotly Community Forum: Change root container color

以下のコメントに書かれている様に、color と color_continuous_scale を指定するとコンテナの root color を変更できない様です。

https://community.plotly.com/t/change-root-container-color/79991/4

Adding px.Constant(" "), will change the colour but you can't specify it as it's from the colour scheme.
It just doesn't work with color_continuous_scale. You can either make it using a discrete colour sequence or choose a different colour scheme.

書かれてある通り、ダミーで px.Constant(" ") を追加すれば root color が変更されますが、任意の色に変更することはできません。

fig = px.treemap(
  df,
  # path=["label"],
  path=[px.Constant(" "), "label"],
  values="scaled_value",
  color="change_24h",
  color_continuous_scale="RdYlGn",
  title="暗号資産ヒートマップ（時価総額ベース）"
)