Butoane personalizate

Introducere în vizualizarea datelor cu Plotly în Python

Alex Scriven

Data Scientist

Ce pot face butoanele personalizate?

Butoanele personalizate pot:

Actualiza datele sau elementele de layout ale unui grafic
- Toate personalizările update_layout() pot fi incluse într-un buton!
Asista cu animații (dincolo de scopul acestui curs)

Butoane personalizate în Plotly

Adăugate prin argumentul updatemenus cu parametrii:

type: buttons sau dropdown
- Vom acoperi dropdown-urile ulterior!
direction: Orientarea butoanelor
- Butoanele pot fi alăturate (left) sau suprapuse (down)
x/y: Valori flotante pentru poziționarea butoanelor
showactive: True/False pentru a afișa butonul active (indexul butonului) ca apăsat sau nu.
- Butonul activ este cel selectat curent.
buttons: O listă de obiecte button

Tipul graficului cu butoane

fig = px.bar(
      data_frame=revenues, 
    x='Industry', y='Revenue',
    color='Industry')
fig.show()

Diagramă simplă cu bare pe industrii

Configurarea butoanelor

my_buttons = [

{'label': "Bar plot",

 'method': "update",

 'args': [{"type": "bar"}]},

{'label': "scatterplot",

 'method': "update",

 'args': [{"type": "scatter", 'mode': 'markers'}]}

]

Argumentul args

Una dintre cele mai confuze părți din Plotly!

Structura sa este:

[{dictionary to send to data}, {dictionary to send to layout}]

Structura internă a figurii

Utilizarea args pentru actualizări de layout

dir(fig.layout)

Elementele layout-ului figurii

Actualizați orice argument cu 'args'

Utilizarea args pentru actualizări de date

dir(fig.data[0])

Structura internă a datelor

Unele sunt familiare, altele vor fi utile ulterior

Interactivitatea butoanelor

fig.update_layout({
  'updatemenus': [{'type': "buttons",

                 'direction': 'down',
                 'x': 1.3, 'y': 0.5,

                 'showactive': True,
                 'active': 0,

                 'buttons': my_buttons}]
  })
fig.show()

Butoane

Să exersăm!

Introducere în vizualizarea datelor cu Plotly în Python