Користувацькі кнопки

Вступ до візуалізації даних з Plotly у Python

Alex Scriven

Data Scientist

На що здатні користувацькі кнопки?

Користувацькі кнопки можуть:

Оновлювати дані або елементи компонування графіка
- Усі наші налаштування з update_layout() можна винести в кнопку!
Допомагати з анімаціями (поза межами цього курсу)

Користувацькі кнопки в Plotly

Додаються через аргумент updatemenus з параметрами:

type: buttons або dropdown
- Випадні списки розглянемо пізніше!
direction: орієнтація кнопок
- Кнопки можуть бути поруч (left) або одна над одною (down)
x/y: числа з плаваючою крапкою для позиції кнопок
showactive: True/False, щоб показувати, чи натиснута active (індекс кнопки)
- Активна кнопка — це поточно вибрана.
buttons: список об'єктів button

Тип графіка з кнопками

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

Проста стовпчикова діаграма за галузями

Налаштування кнопок

my_buttons = [

{'label': "Bar plot",

 'method': "update",

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

{'label': "scatterplot",

 'method': "update",

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

]

Аргумент args

Одна з найзаплутаніших частин Plotly!

Структура така:

[{словник для data}, {словник для layout}]

Внутрішня структура фігури

Використання args для оновлення компонування

dir(fig.layout)

Елементи компонування фігури

Оновіть будь-який із параметрів через 'args'

Використання args для оновлення даних

dir(fig.data[0])

Всередині data layout

Деякі знайомі, а деякі знадобляться пізніше

Інтерактивність кнопок

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

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

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

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

Кнопки

Давайте потренуємось!

Вступ до візуалізації даних з Plotly у Python