plotly.expressのtimelineでバーの太さがバラバラなのを統一し、太くしたい

Question

前提

工場で装置がいつどんな状態にあるのかを一目でわかるために、
plotlyのtimelineを使って可視化しようとしています。

使用Pythonのバージョン：Python 3.9.7 64-bit
使用ライブラリのバージョン：plotly 5.9.0

実現したいこと

状態別に色分けし、バーの太さを統一したいです。

発生している問題

色分けすると、色によってバーの太さがばらつきます。

書いたコードはこちらです。

from io import StringIO
import pandas as pd
import plotly.express as px
import plotly.io as pio
import datetime as dt

# csvファイルの読み込み
csv = """Date,Start,Finish,Mode
2022-07-01,2000-01-01 01:00:00.000,2000-01-01 03:01:00.000,running
2022-07-02,2000-01-01 04:00:00.000,2000-01-01 06:00:00.000,running
2022-07-02,2000-01-01 07:00:00.000,2000-01-01 12:00:00.000,stay
2022-07-04,2000-01-01 01:00:00.000,2000-01-01 01:00:00.000,running
2022-07-05,2000-01-01 01:00:00.000,2000-01-01 04:00:00.000,running
2022-07-05,2000-01-01 13:00:00.300,2000-01-01 16:00:00.000,stay"""
df = pd.read_csv(StringIO(csv))

# plotlyを使用した稼働状の可視化
fig = px.timeline(
    df,
    x_start="Start",
    x_end="Finish",
    y="Date",
    title=f"稼働状況",
    hover_name="Mode",
    hover_data=["Date","Start","Finish","Mode"],
    color="Mode",
    )
# 横軸のレイアウト修正
fig.update_xaxes(
    tickformat="%H:%M:%S", # 横軸の書式を変更
    )
# 縦軸のレイアウト修正
fig.update_yaxes(
    tickformat="%m月%d日", # 縦軸の書式を変更
    autorange='reversed', # 縦軸の向きを逆にする
    )
# その他レイアウト修正
fig.update_layout(
    width=900,
    height=600,
    xaxis=dict(title=None,
        range=(dt.time(0, 0, 0),
            dt.time(23, 59, 59))),
    yaxis=dict(title=None,
        dtick="D0",
        showgrid=True,
        ),
    )
fig.show()
pio.write_html(fig,file="稼働状況.html")

この結果、下図のように表示されるバーの太さが色によってまちまちとなってしまいます。

試したこと

stackoverflowに似たような記事があったので、この記事を読み、上記コードに以下のコードを足してみました。

stackoverflowの類似質問

f2 = fig.full_figure_for_development(warn=False)
f2.layout.barmode = 'group'
# figをf2に変えたので、以下のように出力も変更
f2.show()
pio.write_html(f2,file="稼働状況.html")

すると、下図のように、全体的にバーが細くなってしまいます。

バーを太くするために、公式のドキュメントを読んで、

plotly.graph_objects.Layoutの公式ドキュメント

以下の行を付け足しましたが、線はわずかしか太くなりません。もっと太くしたいです。

f2.layout.bargap = 0 # 0~1の数
f2.layout.bargroupgap = 0.5 # 0~1の数

同じDateでも色によってバーの高さが微妙に違っているため、
barmode='group'にすることによって、同じDateの中を色ごとに分割してバーをだしているのではないかと思います。

対処として、バーのbarmodeを'stack'や他('overlay', 'relative')に変えてみましたが、線の太さを統一＆太くするというのはできませんでした。

他にどんな手があるでしょうか。
教えてください。よろしくお願いいたします。

Answer 1

以下を追加すれば、太さがそろうと思います。

fig.update_traces(width=18*60*60*1000)

widthの数字で渡している値はミリ秒です。数値は、希望の太さになるように調整ください。
この例だと1目盛りが1日=24時間なので 18/24 = 0.75目盛り分の太さになっているはずです。

Comments

[eri555]

なるほど…timelineのバーの太さはそこで調整できるんですね。確かにできました！ずっと(3日くらい)悩んでいたので、とてもすっきりしました。ありがとうございました。