plotly.expressのtimelineでy軸の値を反転＆表示範囲を変更したい

Question

今回のプログラム作成の目的

工場の装置の稼働状況をplotly expressのtimelineで可視化することを目的としています。

現在のソースコードと問題点

集計データのcsvファイルを読み込み、plotly expressのtimelineで大枠となるFigureを作成した後、y軸の値を反転＆表示範囲を変更したいです。

まず、

1. fig.update_yaxes()で引数にautorange='reversed'を指定し、
2. fig.update_layout()で引数yaxis=dict()にrange=(dt.date(2022,7,1), dt.date(2022,7,8))を指定することで

　1. y軸は早い日付が上に来るようにし、
2. かつy軸の範囲を7月1日から7月8日まで広げたい

と考え、以下のようなコードを書きましたが、

1. fig.update_layout()で引数yaxis=dict()にrange=(dt.date(2022,7,1), dt.date(2022,7,8))を指定する

の部分が結果に反映されません。

以下出力結果ですが、7月8日までと指定しているにもかかわらず、7月6日までしか表示されていないです。

コードは以下です。

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,
        range=(dt.date(2022,7,1), dt.date(2022,7,8))),
        ),
    )
fig.show()
pio.write_html(fig,file="稼働状況.html")

試したこと

1. で、fig.update_yaxes()で引数にautorange=Falseを指定すると、

2．fig.update_layout()で引数yaxis=dict()にrange=(dt.date(2022,7,1), dt.date(2022,7,8))を指定する

の部分が反映されるようになりました。

しかし、今度はy軸が早い日付が下に来るようになってしまいます。

これら2つは、両立が難しいのでしょうか。これら2つを両立させる方法をご教示いただきたいです。よろしくお願いいたします。

補足情報（FW/ツールのバージョンなど）

python 3.9.7
plotly 5.9.0

Answer 1

autorange の指定を外して、range の指定を逆向きにします。

# 縦軸のレイアウト修正
fig.update_yaxes(
    tickformat="%m月%d日", # 縦軸の書式を変更
    range=(dt.date(2022,7,8), dt.date(2022,7,1)),
    )
# その他レイアウト修正
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,
        ),
    )

Comments

[eri555]

おお…そんな使い方があるんですね…ありがとうございます。
試してみたら、できました！