Barras etiquetadas individualmente para el gráfico de barras en Plotly

Intenté crear anotaciones para gráficos de barras agrupadas, donde cada barra tiene una etiqueta de datos específica que muestra el valor de esa barra y se encuentra por encima del centro de la barra.

Intenté una modificación simple de los ejemplos en el tutorial para lograr esto, de la siguiente manera:

import plotly.plotly as py
import plotly.graph_objs as go

x = ['Product A', 'Product B', 'Product C']
y1 = [20, 14, 23]
y2 = [12, 18, 29]

annotations1 = [dict(
            x=xi,
            y=yi,
            text=str(yi),
            xanchor='auto',
            yanchor='bottom',
            showarrow=False,
        ) for xi, yi in zip(x, y1)]
annotations2 = [dict(
            x=xi,
            y=yi,
            text=str(yi),
            xanchor='auto',
            yanchor='bottom',
            showarrow=False,
        ) for xi, yi in zip(x, y2)]
annotations = annotations1 + annotations2

trace1 = go.Bar(
    x=x,
    y=y1,
    name='SF Zoo'
)
trace2 = go.Bar(
    x=x,
    y=y2,
    name='LA Zoo'
)
data = [trace1, trace2]
layout = go.Layout(
    barmode='group',
    annotations=annotations
)
fig = go.Figure(data=data, layout=layout)
plot_url = py.plot(fig, filename='stacked-bar')

Lo que produce esta trama:https://plot.ly/~ashish.baghudana/49.embed

Sin embargo, las etiquetas de datos no están centradas en barras individuales, sino en el centro de cadagrupo de bares. Me preguntaba si hay una solución a esto, en lugar de anotar manualmente.

Respuestas a la pregunta(2)

Su respuesta a la pregunta