Блог

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

 import plotly.graph_objects as go
import plotly.express as px
animals=['giraffes', 'orangutans', 'monkeys']

fig = go.Figure(data=[
    go.Bar(name='SF Zoo', x=animals, y=[20, 14, 23]),
    go.Bar(name='LA Zoo', x=animals, y=[12, 18, 29])
])

# Change the bar mode
fig.update_layout(barmode='group')

# Shape
fig.add_trace(go.Scatter(x=['giraffes', 'giraffes', 'orangutans', 'orangutans'],
                         y=[21, 25, 25, 16],
                         fill=None, mode="lines", line=dict(color='rgba(0,0,0,1)',width=2),
                         showlegend=False
                        )
             )

    
fig.show()
 

Как указал @Maximilian Peters, не существует хорошего способа привязки точки к произвольной величине между категориальными координатами.

Лучшее, что вы можете сделать, это установить xref paper значение, означающее, что масштаб оси x составляет от 0 до 1. Затем вам нужно угадать и проверить, где должны быть координаты x, чтобы выровнять их там, где вы хотите. Поскольку ваша ось y является числовой, вы можете напрямую ссылаться на нужные вам значения y. После некоторых проб и ошибок, рисование линий между (0.10, 20), (0,10, 25), (0.44, 25), (0.44, 14) приближает вас к желаемой аннотации.

Это определенно халтурно и не поддается обобщению, если вы добавляете больше столбцов или каким-либо образом изменяете ширину столбцов.

 import plotly.graph_objects as go
import plotly.express as px
animals=['giraffes', 'orangutans', 'monkeys']

fig = go.Figure(data=[
    go.Bar(name='SF Zoo', x=animals, y=[20, 14, 23]),
    go.Bar(name='LA Zoo', x=animals, y=[12, 18, 29])
])

# Change the bar mode
fig.update_layout(barmode='group')

# Shape composed of three lines, looping through coordinates
x_coords = [0.10, 0.10, 0.44, 0.44]
y_coords = [20, 25, 25, 14]
for i in range(1,len(x_coords)):
    fig.add_shape(
        type="line",
        xref="paper",
        x0=x_coords[i-1], 
        y0=y_coords[i-1], 
        x1=x_coords[i], 
        y1=y_coords[i],
        line=dict(color="magenta",width=3)
    )
    
fig.show()