Интерактивные возможности

Главное преимущество Plotly перед статическими библиотеками в том, что диаграммы реагируют на действия пользователя. Читатели могут приближать нужную область, перемещаться по данным и наводить курсор, чтобы видеть точные значения, без перегрузки диаграммы подписями.

Интерактивность позволяет одной диаграмме одновременно показывать и общий обзор, и подробности.

По умолчанию при наведении на точку отображаются её значения по осям x и y. Можно дополнить эту информацию с помощью hover_data=['col1', 'col2'], добавив другие столбцы, или задать полужирный заголовок подсказки с помощью hover_name='name'.

Хорошие всплывающие подсказки избавляют от необходимости перегружать саму диаграмму.

Концептуально всплывающая подсказка — это просто отформатированный текст, собранный из строки данных. Вот та же идея на обычном Python.

Объекты диаграмм Plotly содержат панель режимов с инструментами масштабирования, перемещения и выбора прямоугольной области. Пользователь также может перетащить курсор, чтобы приблизить прямоугольную область, и дважды щёлкнуть, чтобы восстановить исходный вид.

Эти возможности включены по умолчанию, поэтому обычно не требуют написания кода.

Масштабирование временно изменяет диапазон оси. Начальный диапазон можно задать с помощью fig.update_xaxes(range=[0, 100]), и пользователь всегда может вернуться к нему.

Представляйте масштабирование как выбор небольшого окна внутри полного диапазона данных.

fig.update_layout(hovermode='x unified') показывает одну всплывающую подсказку со всеми рядами данных в выбранной позиции по оси x. Это особенно удобно для сравнения нескольких линий в один и тот же момент времени.

Другие режимы включают 'closest' и 'x'.

С элементами легенды Plotly можно взаимодействовать. Один щелчок скрывает ряд данных, а двойной щелчок оставляет только его. Так пользователи могут сосредоточиться на нужных данных, не создавая отдельные диаграммы.

Эта возможность работает автоматически, когда диаграмма содержит несколько рядов данных.

Для временных рядов добавьте ползунок диапазона с помощью fig.update_xaxes(rangeslider_visible=True). Под диаграммой появится небольшой обзор, где пользователь сможет перетащить границы и выбрать диапазон дат.

Ползунок хорошо сочетается с кнопками выбора диапазона, например 1m, 6m, YTD.

Для полного контроля используйте hovertemplate — строку с заполнителями, такими как %{x} и %{y}. Вы сами определяете точный текст и формат отображения чисел при наведении.

Создание шаблона похоже на создание любой другой форматированной строки.

Интерактивность предоставляет широкие возможности, но требует ресурсов. Слишком большое количество элементов управления может перегрузить неподготовленных читателей. Включайте возможности, которые помогают отвечать на реальные вопросы, а для остального полагайтесь на разумные настройки по умолчанию.

Панель инструментов в правом верхнем углу каждой диаграммы называется панелью режимов. На ней находятся кнопки масштабирования, перемещения, автоматического подбора масштаба и камера для загрузки PNG. Её можно настроить или скрыть с помощью аргумента config при отображении диаграммы.

Скрытие неиспользуемых кнопок делает диаграмму понятнее для нетехнической аудитории.

Проверьте свои знания об интерактивных возможностях.

Вы изучили интерактивные возможности Plotly:

• Всплывающие подсказки при наведении, дополненные с помощью hover_data и hovertemplate
• Масштабирование и перемещение через встроенную панель режимов
• hovermode='x unified' для объединённых подсказок
• Интерактивные легенды и ползунки диапазона для временных рядов

Используйте эти возможности осознанно, чтобы отвечать на реальные вопросы.