時間ボタン

Pythonで学ぶPlotlyによるデータ可視化入門

Alex Scriven

Data Scientist

時間ボタンとは？

折れ線グラフでのフィルタ/ズームを有効化
- 1D = 直近1日
- 1M = 直近1か月
- 1Y = 直近1年
- YTD = 年初来

Yahooファイナンスのボタン

Plotly の時間ボタン

主な要素を持つディクショナリ:

label = ボタンに表示する文字列
count = クリック時に進む step の回数
step = 進む期間（'month', 'year', 'day'）
stepmode = 'backward' または 'todate'
- 'backward' = count 分だけそのまま過去へ移動
- 'todate' = 'backward' と同様だが、次の完全な期間の開始に丸める

'backward' と 'todate' の違い

データが10月20日で終了、6か月ボタン（count=6, step='month'）の場合:
- stepmode='backward' は開始日を 4月20日 にズーム（6か月戻る）
- stepmode='todate' は開始日を 5月1日 にズーム（4月20日の次の月の開始）

シドニーの降雨量例

ボタンはディクショナリのリストで指定します

date_buttons = [
{'count': 6, 'step': "month", 'stepmode': "todate", 'label': "6MTD"},

{'count': 14, 'step': "day", 'stepmode': "todate", 'label': "2WTD"}
]

時間ボタンを追加する

fig = px.line(data_frame=rain, x='Date', 
        y='Rainfall', 
        title="Rainfall (mm) in Sydney")


fig.update_layout(dict(
    xaxis=dict(
    rangeselector=dict(buttons=date_buttons)
    )))

fig.show()

ボタン付きの折れ線グラフ

時間ボタンをクリックすると

2WTD をクリック:

直近2週間の雨量

6MTD をクリック:

直近6か月の雨量

Passons à la pratique !

Pythonで学ぶPlotlyによるデータ可視化入門