前提
工場で装置がいつどんな状態にあるのかを一目でわかるために、
plotlyのtimelineを使って可視化しようとしています。
使用Pythonのバージョン:Python 3.9.7 64-bit
使用ライブラリのバージョン:plotly 5.9.0
実現したいこと
状態別に色分けし、バーの太さを統一したいです。
発生している問題
色分けすると、色によってバーの太さがばらつきます。
書いたコードはこちらです。
python
1from io import StringIO 2import pandas as pd 3import plotly.express as px 4import plotly.io as pio 5import datetime as dt 6 7# csvファイルの読み込み 8csv = """Date,Start,Finish,Mode 92022-07-01,2000-01-01 01:00:00.000,2000-01-01 03:01:00.000,running 102022-07-02,2000-01-01 04:00:00.000,2000-01-01 06:00:00.000,running 112022-07-02,2000-01-01 07:00:00.000,2000-01-01 12:00:00.000,stay 122022-07-04,2000-01-01 01:00:00.000,2000-01-01 01:00:00.000,running 132022-07-05,2000-01-01 01:00:00.000,2000-01-01 04:00:00.000,running 142022-07-05,2000-01-01 13:00:00.300,2000-01-01 16:00:00.000,stay""" 15df = pd.read_csv(StringIO(csv)) 16 17# plotlyを使用した稼働状の可視化 18fig = px.timeline( 19 df, 20 x_start="Start", 21 x_end="Finish", 22 y="Date", 23 title=f"稼働状況", 24 hover_name="Mode", 25 hover_data=["Date","Start","Finish","Mode"], 26 color="Mode", 27 ) 28# 横軸のレイアウト修正 29fig.update_xaxes( 30 tickformat="%H:%M:%S", # 横軸の書式を変更 31 ) 32# 縦軸のレイアウト修正 33fig.update_yaxes( 34 tickformat="%m月%d日", # 縦軸の書式を変更 35 autorange='reversed', # 縦軸の向きを逆にする 36 ) 37# その他レイアウト修正 38fig.update_layout( 39 width=900, 40 height=600, 41 xaxis=dict(title=None, 42 range=(dt.time(0, 0, 0), 43 dt.time(23, 59, 59))), 44 yaxis=dict(title=None, 45 dtick="D0", 46 showgrid=True, 47 ), 48 ) 49fig.show() 50pio.write_html(fig,file="稼働状況.html")
この結果、下図のように表示されるバーの太さが色によってまちまちとなってしまいます。
試したこと
stackoverflowに似たような記事があったので、この記事を読み、上記コードに以下のコードを足してみました。
python
1f2 = fig.full_figure_for_development(warn=False) 2f2.layout.barmode = 'group' 3# figをf2に変えたので、以下のように出力も変更 4f2.show() 5pio.write_html(f2,file="稼働状況.html")
すると、下図のように、全体的にバーが細くなってしまいます。
バーを太くするために、公式のドキュメントを読んで、
plotly.graph_objects.Layoutの公式ドキュメント
以下の行を付け足しましたが、線はわずかしか太くなりません。もっと太くしたいです。
python
1f2.layout.bargap = 0 # 0~1の数 2f2.layout.bargroupgap = 0.5 # 0~1の数
同じDateでも色によってバーの高さが微妙に違っているため、
barmode='group'にすることによって、同じDateの中を色ごとに分割してバーをだしているのではないかと思います。
対処として、バーのbarmodeを'stack'や他('overlay', 'relative')に変えてみましたが、線の太さを統一&太くするというのはできませんでした。
他にどんな手があるでしょうか。
教えてください。よろしくお願いいたします。
![guest](/img/icon/icnUserSample.jpg)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/07/20 15:06