Добавить границы в Plotly

Dobavit Granicy V Plotly



В некоторых случаях может потребоваться добавить границу к фигуре Plotly. Независимо от того, хотите ли вы отличить конкретный график от остальных или просто для визуальных улучшений, рамка может сыграть важную роль. К сожалению, Plotly не предоставляет собственного метода для добавления рамки к рисунку, как к заголовку.

В этом уроке мы покажем вам метод настройки, который вы можете использовать для создания рамки вокруг определенного рисунка.

Давайте вскочим.







Сюжетные формы

Самый эффективный метод создания границы вокруг определенного рисунка — использование фигур = Plotly из модуля Plotly graph_objects.



Этот модуль позволяет нам создавать линии или полигоны либо как отдельные объекты, либо как родительские объекты для других фигур.



Не стесняйтесь исследовать макеты в graph_objects в следующем ресурсе:





https://plotly.com/python/reference/layout/shapes/

Давайте посмотрим, как мы можем использовать эту функцию для создания границы.



Создать фигуру

Прежде чем создавать границу, давайте начнем с создания простой Plotly Figure, вокруг которой мы хотим добавить границу.

В этом уроке мы используем простой линейный график, как показано в следующем коде:

импорт сюжетно. выражать в качестве пикс.

# импортировать plotly.graph_objects как есть

дф знак равно пикс. данные . пробел в памяти ( ) . запрос ( 'континент == 'Океания'' )

Рис знак равно пикс. линия ( дф , Икс знак равно 'год' , Д знак равно 'gdpPercap' , цвет знак равно 'страна' , символ знак равно 'страна' )

инжир. показывать ( )

В данном примере мы используем экспресс-модуль Plotly для создания линейного графика ВВП на душу населения по годам стран континента Океания.

В результате фигура выглядит так:

Сюжетно добавить границу

Когда у нас есть фигура, которую мы хотим использовать, мы можем продолжить и создать границу. Как уже упоминалось, мы используем модель фигур из Plotly graph_objects.

Код для добавления границы к рисунку приведен ниже:

импорт сюжетно. граф_объекты в качестве идти
инжир. update_layout ( формы знак равно [ идти. макет . Форма (
тип знак равно 'прямой' ,
внешняя ссылка знак равно 'бумага' ,
yref знак равно 'бумага' ,
х0 знак равно 0 ,
у0 знак равно - 0,1 ,
х1 знак равно 1.01 ,
у1 знак равно 1,02 ,
линия знак равно { 'ширина' : 1 , 'цвет' : 'черный' }
) ] )

В предыдущем коде мы начинаем с импорта модуля Plotly graph_objects по ходу.

Затем мы используем функцию update_layout() для настройки макета рисунка с указанными нами значениями и функциями.

Внутри функции мы указываем параметр формы, который позволяет нам создать определенную форму вокруг фигуры.

Значения go.layout.Shape() позволяют нам точно определить тип формы и место, где мы должны ее создать.

Первый — тип, который определяет тип фигуры, которую мы хотим создать. Вы можете указать такие значения, как «круг», чтобы создать форму круга, «прямоугольник» для прямоугольника и т. д.

Второй параметр — x0, который устанавливает начальную точку x фигуры. X1 определяет конечную позицию x формы.

Для y0 и y1 эти параметры определяют начальную точку y и конечную точку y фигуры.

Параметры xref и yref задают оси координат x и y аннотации.

Если установлено значение «бумага», позиция «y» относится к расстоянию от нижней части области построения в нормированных координатах, где «0» («1») соответствует нижней части (верху).

Наконец, параметр линии содержит словарь, определяющий правила создания линии фигуры. Здесь мы устанавливаем ширину линии на 1 и черный цвет.

В результате фигура выглядит так:

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

Вывод

В этой статье описывается метод создания границы вокруг фигуры Plotly с помощью модуля Plotly graph_objects.

Спасибо за чтение. Удачного кодирования!!