Menu thả xuống

Nhập môn Trực quan hóa Dữ liệu với Plotly trong Python

Alex Scriven

Data Scientist

Menu thả xuống là gì?

Cho phép người dùng chọn trong một nhóm tùy chọn
Cập nhật dữ liệu hoặc phần tử bố cục

Ví dụ menu thả xuống đơn giản

Menu thả xuống trong Plotly

fig = go.Figure()

for suburb in ['Ashfield', 'Lidcombe', 'Bondi Junction']:
    df = syd_houses[syd_houses.Suburb == suburb]

    fig.add_trace(
    px.bar(df, x='Year', y='Median House Price').data[0])

Menu thả xuống hoạt động bằng cách ẩn/hiện các trace cụ thể

Ẩn một trace

Tham số visible quyết định trace có hiển thị (True) hay không (False)
Dùng args để cập nhật visible của các trace khác nhau

args:[{'visible': [True, False, False]}]

Bên trong dữ liệu bố cục

Đối tượng dropdown

# Tạo menu thả xuống
dropdown_buttons = [
  {'label': 'Ashfield', 'method': 'update',

   'args': [{'visible': [True, False, False]},
           {'title': 'Ashfield'}]},

  {'label': 'Lidcombe', 'method': 'update',

  'args': [{'visible': [False, True, False]},
          {'title': 'Lidcombe'}]},

  {'label': 'Bondi Junction', 'method': 'update',

  'args': [{'visible': [False, False, True]},
          {'title': 'Bondi Junction'}]}

]

Thêm menu thả xuống

fig.update_layout({
  'updatemenus':[{
    'type': "dropdown",
    'x': 1.3,
    'y': 0.5,
    'showactive': True,
    'active': 0,
    'buttons': dropdown_buttons}]
})
fig.show()

Giá nhà với menu thả xuống

Ayo berlatih!

Nhập môn Trực quan hóa Dữ liệu với Plotly trong Python