【plotly&ボタン】plotlyのupdatemenusに2回押し対応のbuttonsを追加

import plotly.graph_objects as go
import plotly.io as pio

print('------------------------------------------------------------')
# （復習）2つのグラフを切り替えられるボタンを作成

x = (0, 1, 2, 3, 4)
y1 = (0, 1, 4, 3, 2)
y2 = (1, 3, 2, 4, 0)

# 配列の要素にプロット内容を格納
plot = [
    go.Scatter(x=x, y=y1, name='y1'),
    go.Scatter(x=x, y=y2, name='y2'),
]

# 2プロット表示用のボタン作成
button_all = dict(
    label='all',  # ボタンのラベル
    method='update',  # ボタンの適用範囲はデータプロットとレイアウト
    args=[
        dict(visible=[True, True]),  # y1, y2の両方を表示
        dict(title='all plots'),  # グラフタイトル
    ]
)
# y1表示用のボタン作成
button1 = dict(
    label='y1',  # ボタンのラベル
    method='update',  # ボタンの適用範囲はデータプロットとレイアウト
    args=[
        dict(visible=[True, False]),  # y1のみ表示
        dict(title='y1 plot'),  # グラフタイトル
    ]
)
# y2表示用のボタン作成
button2 = dict(
    label='y2',  # ボタンのラベル
    method='update',  # ボタンの適用範囲はデータプロットとレイアウト
    args=[
        dict(visible=[False, True]),  # y2のみ表示
        dict(title='y2 plot'),  # グラフタイトル
    ]
)

# ボタンをひとまとめにする
buttons = [button_all, button1, button2]

# レイアウトに設置するためのupdatemenus作成
updatemenus = [
    dict(
        active=0,  # 初期グラフで見た目上、推されるボタン
        type='buttons',  # ボタンのタイプはボタンに
        direction='right',  # ボタンは右向きに配置
        x=0.5, y=1.01,  # ボタンの位置
        xanchor='center', yanchor='bottom',  # ボタンの位置の基準
        buttons=buttons,  # ここに設定したボタン情報を入れる
    )
]

# レイアウトの作成
layout = go.Layout(
    title='title',  # グラフタイトル
    font_size=20,  # グラフ全体のフォントサイズ
    hoverlabel_font_size=20,  # ホバーのフォントサイズ
    updatemenus=updatemenus,  # ボタンを設置
)

# グラフの表示
fig = go.Figure(data=plot, layout=layout)
fig.show()

# グラフの保存
prefix = 'plotly-buttons-args2'
save_name = f"{prefix}_simple_buttons"
pio.orca.config.executable = '/Applications/orca.app/Contents/MacOS/orca'
pio.write_html(fig, f"{save_name}.html")
pio.write_image(fig, f"{save_name}.png")

print('------------------------------------------------------------')
# 2つのプロットを2種類の機能を持つボタンで切り替える

x = (0, 1, 2, 3, 4)
y1 = (0, 1, 4, 3, 2)
y2 = (1, 3, 2, 4, 0)

# 配列の要素にプロット内容を格納
plot = [
    go.Scatter(x=x, y=y1, name='y1'),
    go.Scatter(x=x, y=y2, name='y2'),
]

# args2を適用し全プロット表示と全プロット非表示のボタンを追加
button_all = dict(
    label='all or nothing',  # ボタンのラベル
    method='update',  # ボタンの適用範囲はデータプロットとレイアウト
    # aegsを1回押した時のボタンの挙動
    args=[
        dict(visible=[False, False]),  # y1, y2の両方を表示
        dict(title='No plots'),  # グラフタイトル
    ],
    # aegs2がもう一回押した時のボタンの挙動
    args2=[
        dict(visible=[True, True]),  # y1, y2の両方を表示
        dict(title='all plots'),  # グラフタイトル
    ]
)

# ボタンをlistにまとめる
buttons = [button_all]

# レイアウトに設置するためのupdatemenus作成
updatemenus = [
    dict(
        # active=0にしていると、args2のボタンが1回目の処理扱いになる
        active=-1,  # 初期グラフで見た目上、推されるボタン
        type='buttons',  # ボタンのタイプはボタンに
        direction='right',  # ボタンは右向きに配置
        x=0.5, y=1.01,  # ボタンの位置
        xanchor='center', yanchor='bottom',  # ボタンの位置の基準
        buttons=buttons,  # ここに設定したボタン情報を入れる
    )
]

# レイアウトの作成
layout = go.Layout(
    title='title',  # グラフタイトル
    font_size=20,  # グラフ全体のフォントサイズ
    hoverlabel_font_size=20,  # ホバーのフォントサイズ
    updatemenus=updatemenus,  # ボタンを設置
)

# グラフの表示
fig = go.Figure(data=plot, layout=layout)
fig.show()

# グラフの保存
prefix = 'plotly-buttons-args2'
save_name = f"{prefix}_double_buttons"
pio.orca.config.executable = '/Applications/orca.app/Contents/MacOS/orca'
pio.write_html(fig, f"{save_name}.html")
pio.write_image(fig, f"{save_name}.png")

print(' - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -')
# args3はない

x = (0, 1, 2, 3, 4)
y1 = (0, 1, 4, 3, 2)
y2 = (1, 3, 2, 4, 0)

# 配列の要素にプロット内容を格納
plot = [
    go.Scatter(x=x, y=y1, name='y1'),
    go.Scatter(x=x, y=y2, name='y2'),
]

# args3はない
button_all = dict(
    label='all or nothing',  # ボタンのラベル
    method='update',  # ボタンの適用範囲はデータプロットとレイアウト
    # aegsを1回押した時のボタンの挙動
    args=[
        dict(visible=[True, True]),  # y1, y2の両方を表示
        dict(title='all plots'),  # グラフタイトル
    ],
    # aegs2がもう一回押した時のボタンの挙動
    args2=[
        dict(visible=[False, False]),  # y1, y2の両方を表示
        dict(title='No plots'),  # グラフタイトル
    ],
    # aegs2がもう一回押した時のボタンの挙動
    args3=[
        dict(visible=[True, False]),  # y1, y2の両方を表示
        dict(title='1 plots'),  # グラフタイトル
    ]
)
# ValueError: Invalid property specified for object of type plotly.graph_objs.layout.updatemenu.Button: 'args3'

# Did you mean "args"?

#     Valid properties:
#         args
#             Sets the arguments values to be passed to the Plotly
#             method set in `method` on click.
#         args2
#             Sets a 2nd set of `args`, these arguments values are
#             passed to the Plotly method set in `method` when
#             clicking this button while in the active state. Use
#             this to create toggle buttons.
#         execute
#             When true, the API method is executed. When false, all
#             other behaviors are the same and command execution is
#             skipped. This may be useful when hooking into, for
#             example, the `plotly_buttonclicked` method and
#             executing the API command manually without losing the
#             benefit of the updatemenu automatically binding to the
#             state of the plot through the specification of `method`
#             and `args`.
#         label
#             Sets the text label to appear on the button.
#         method
#             Sets the Plotly method to be called on click. If the
#             `skip` method is used, the API updatemenu will function
#             as normal but will perform no API calls and will not
#             bind automatically to state updates. This may be used
#             to create a component interface and attach to
#             updatemenu events manually via JavaScript.
#         name
#             When used in a template, named items are created in the
#             output figure in addition to any items the figure
#             already has in this array. You can modify these items
#             in the output figure by making your own item with
#             `templateitemname` matching this `name` alongside your
#             modifications (including `visible: false` or `enabled:
#             false` to hide it). Has no effect outside of a
#             template.
#         templateitemname
#             Used to refer to a named item in this array in the
#             template. Named items from the template will be created
#             even without a matching item in the input figure, but
#             you can modify one by making an item with
#             `templateitemname` matching its `name`, alongside your
#             modifications (including `visible: false` or `enabled:
#             false` to hide it). If there is no template or no
#             matching item, this item will be hidden unless you
#             explicitly show it with `visible: true`.
#         visible
#             Determines whether or not this button is visible.

# Did you mean "args"?

# Bad property path:
# args3
# ^^^^^

print('------------------------------------------------------------')
# シンボルサイズや線の種類を変更したボタンを作成

x = (0, 1, 2, 3, 4)
y1 = (0, 1, 4, 3, 2)
y2 = (1, 3, 2, 4, 0)

# 配列の要素にプロット内容を格納
plot = [
    go.Scatter(x=x, y=y1, name='y1'),
    go.Scatter(x=x, y=y2, name='y2'),
]

# args2を適用しマーカーのシンボルのサイズを変更するボタンを作成
button_size = dict(
    label='symbol size',  # ボタンのラベル
    method='update',  # ボタンの適用範囲はデータプロットとレイアウト
    # aegsを1回押した時のボタンの挙動
    args=[
        {'marker.size': 30},  # プロットのマーカーのサイズを変更
        dict(title='symbol size: 30'),  # グラフタイトル
    ],
    # aegs2がもう一回押した時のボタンの挙動
    args2=[
        {'marker.size': 6},  # プロットのマーカーのサイズをデフォルトに
        dict(title='symbol size: 6'),  # グラフタイトル
    ]
)

# args2を適用し線の種類を変更するボタンを作成
button_dash = dict(
    label='line dash',  # ボタンのラベル
    method='update',  # ボタンの適用範囲はデータプロットとレイアウト
    # aegsを1回押した時のボタンの挙動
    args=[
        {'line.dash': 'dash'},  # プロット線の種類を破線に
        dict(title='line dash: dash'),  # グラフタイトル
    ],
    # aegs2がもう一回押した時のボタンの挙動
    args2=[
        {'line.dash': 'solid'},  # プロット線の種類を実線に
        dict(title='line dash: solid'),  # グラフタイトル
    ]
)

# args2を適用し線の太さ・マーカーの種類とサイズを変更するボタンを作成
button_width_symbol = dict(
    label='line width & symbol',  # ボタンのラベル
    method='update',  # ボタンの適用範囲はデータプロットとレイアウト
    # aegsを1回押した時のボタンの挙動
    args=[
        {
            'line.width': 0.5,  # 線の太さ
            'marker.symbol': 'star',  # マーカーの種類
            'marker.size': 15  # マーカーのサイズ
        },
        # グラフタイトルと横軸ラベル
        dict(title='line width: 0.5', xaxis=dict(title='X (1st button)')),
    ],
    # aegs2がもう一回押した時のボタンの挙動
    args2=[
        {
            'line.width': 2,  # 線の太さ
            'marker.symbol': 'square',  # マーカーの種類
            'marker.size': 10  # マーカーのサイズ
        },
        # グラフタイトルと縦軸ラベル
        dict(title='line width: 2', yaxis=dict(title='Y (2nd button)')),
    ]
)

# ボタンをlistにまとめる
buttons = [button_size, button_dash, button_width_symbol]

# レイアウトに設置するためのupdatemenus作成
updatemenus = [
    dict(
        # active=0にしていると、args2のボタンが1回目の処理扱いになる
        active=-1,  # 初期グラフで見た目上、推されるボタン
        type='buttons',  # ボタンのタイプはボタンに
        direction='right',  # ボタンは右向きに配置
        x=0.5, y=1.01,  # ボタンの位置
        xanchor='center', yanchor='bottom',  # ボタンの位置の基準
        buttons=buttons,  # ここに設定したボタン情報を入れる
    )
]

# レイアウトの作成
layout = go.Layout(
    title='title',  # グラフタイトル
    font_size=20,  # グラフ全体のフォントサイズ
    hoverlabel_font_size=20,  # ホバーのフォントサイズ
    updatemenus=updatemenus,  # ボタンを設置
)

# グラフの表示
fig = go.Figure(data=plot, layout=layout)
fig.show()

# グラフの保存
prefix = 'plotly-buttons-args2'
save_name = f"{prefix}_double_buttons_ex"
pio.orca.config.executable = '/Applications/orca.app/Contents/MacOS/orca'
pio.write_html(fig, f"{save_name}.html")
pio.write_image(fig, f"{save_name}.png")

# ValueError: Invalid property specified for object of type plotly.graph_objs.layout.updatemenu.Button: 'args3'

# Did you mean "args"?

#     Valid properties:
#         args
#             Sets the arguments values to be passed to the Plotly
#             method set in `method` on click.
#         args2
#             Sets a 2nd set of `args`, these arguments values are
#             passed to the Plotly method set in `method` when
#             clicking this button while in the active state. Use
#             this to create toggle buttons.
#         execute
#             When true, the API method is executed. When false, all
#             other behaviors are the same and command execution is
#             skipped. This may be useful when hooking into, for
#             example, the `plotly_buttonclicked` method and
#             executing the API command manually without losing the
#             benefit of the updatemenu automatically binding to the
#             state of the plot through the specification of `method`
#             and `args`.
#         label
#             Sets the text label to appear on the button.
#         method
#             Sets the Plotly method to be called on click. If the
#             `skip` method is used, the API updatemenu will function
#             as normal but will perform no API calls and will not
#             bind automatically to state updates. This may be used
#             to create a component interface and attach to
#             updatemenu events manually via JavaScript.
#         name
#             When used in a template, named items are created in the
#             output figure in addition to any items the figure
#             already has in this array. You can modify these items
#             in the output figure by making your own item with
#             `templateitemname` matching this `name` alongside your
#             modifications (including `visible: false` or `enabled:
#             false` to hide it). Has no effect outside of a
#             template.
#         templateitemname
#             Used to refer to a named item in this array in the
#             template. Named items from the template will be created
#             even without a matching item in the input figure, but
#             you can modify one by making an item with
#             `templateitemname` matching its `name`, alongside your
#             modifications (including `visible: false` or `enabled:
#             false` to hide it). If there is no template or no
#             matching item, this item will be hidden unless you
#             explicitly show it with `visible: true`.
#         visible
#             Determines whether or not this button is visible.

# Did you mean "args"?

# Bad property path:
# args3
# ^^^^^