1
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

plotlyの図の背景の色を変更する

Last updated at Posted at 2022-02-18

背景

plotly expressでグラフを書くと以下のような図になる。(ほんとはインタラクティブな図です…)
現状、図の背景の色がデフォルトで青となっている。
これを白に変えたい!

図の背景 グリッド線の色
デフォルト なし
理想 グレー
import pandas as pd
import plotly.express as px

# 使用するデータ
data = pd.DataFrame({"x" :[1,2,3,4],
                     "y":[1,2,4,8],
                     "label":["A","A","B","B"]})

fig = px.scatter(data,x="x",y="y",color="label",
                width=600,height=400)
fig

newplot.png

結論

こんな感じになりました。

fig = px.scatter(data,x="x",y="y",color="label",
                width=600,height=400)
fig.update_layout(plot_bgcolor="white")
fig.update_xaxes(linecolor='black', gridcolor='gray',mirror=True)
fig.update_yaxes(linecolor='black', gridcolor='gray',mirror=True)

newplot.png

内容

まずは図の背景を白色にする。
fig.update_layout(plot_bgcolor="white")
ちなみにこのwhiteの部分を変えると他の色に変更可能である。

次にグリッド線と枠の色を変更する。
x軸とy軸をそれぞれ設定する必要がある。
fig.update_xaxes(linecolor='black', gridcolor='black',mirror=True)
fig.update_yaxes(linecolor='black', gridcolor='black',mirror=True)

gridcolor='black' : グリッド線の色
linecolor='black' : 枠線の色
mirror : デフォルトはFalse? Trueにするとメモリの反対側にも枠線が反映される。

参考

1
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?