質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.53%
Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

Q&A

解決済

1回答

1697閲覧

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

eri555

総合スコア8

Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

0グッド

0クリップ

投稿2022/07/20 08:53

編集2022/07/21 00:06

前提

工場で装置がいつどんな状態にあるのかを一目でわかるために、
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に似たような記事があったので、この記事を読み、上記コードに以下のコードを足してみました。

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')に変えてみましたが、線の太さを統一&太くするというのはできませんでした。

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

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

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

python

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

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

投稿2022/07/20 14:26

編集2022/07/20 14:32
bsdfan

総合スコア4502

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

eri555

2022/07/20 15:06

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.53%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問