Niestandardowe przyciski

Wprowadzenie do wizualizacji danych z Plotly w Pythonie

Alex Scriven

Data Scientist

Co mogą robić niestandardowe przyciski?

Niestandardowe przyciski mogą:

Aktualizować dane lub elementy układu wykresu
- Wszystkie dostosowania update_layout() można umieścić w przycisku!
Wspomagać animacje (poza zakresem tego kursu)

Niestandardowe przyciski w Plotly

Dodawane przez argument updatemenus z parametrami:

type: buttons lub dropdown
- Listy rozwijane omówimy później!
direction: Orientacja przycisków
- Przyciski mogą być obok siebie (left) lub jeden nad drugim (down)
x/y: Liczby zmiennoprzecinkowe określające pozycję przycisków
showactive: True/False — wskazuje, czy aktywny przycisk (active, indeks) jest wciśnięty.
- Aktywny przycisk to aktualnie wybrany.
buttons: Lista obiektów button

Typ wykresu z przyciskami

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

Prosty wykres słupkowy według branży

Konfiguracja przycisków

my_buttons = [

{'label': "Bar plot",

 'method': "update",

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

{'label': "scatterplot",

 'method': "update",

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

]

Argument args

Jeden z najbardziej mylących elementów Plotly!

Jego struktura:

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

Wewnętrzna struktura figury

Użycie args do aktualizacji układu

dir(fig.layout)

Elementy układu figury

Zaktualizuj dowolny argument za pomocą 'args'

Użycie args do aktualizacji danych

dir(fig.data[0])

Wewnętrzny układ danych

Niektóre są znajome, inne przydadzą się później

Interaktywność przycisków

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

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

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

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

Przyciski

Czas na ćwiczenia!

Wprowadzenie do wizualizacji danych z Plotly w Pythonie