Início / coding / Perguntas / 79598629
Accepted
PracticingPython
Asked: 2025-04-29 22:33:01 +0800 CST

Gráfico de barras empilhadas com barras duplas no Plotly Dash

  • 772

Estou tentando criar um gráfico de barras empilhadas de duas barras usando o Plotly.

Encontrei este código:

from plotly import graph_objects as go

data = {
    "original":[15, 23, 32, 10, 23],
    "model_1": [4,   8, 18,  6,  0],
    "model_2": [11, 18, 18,  0,  20],
    "labels": [
        "feature",
        "question",
        "bug",
        "documentation",
        "maintenance"
    ]
}

fig = go.Figure(
    data=[
        go.Bar(
            name="Original",
            x=data["labels"],
            y=data["original"],
            offsetgroup=0,
        ),
        go.Bar(
            name="Model 1",
            x=data["labels"],
            y=data["model_1"],
            offsetgroup=1,
        ),
        go.Bar(
            name="Model 2",
            x=data["labels"],
            y=data["model_2"],
            offsetgroup=1,
            base=data["model_1"],
        )
    ],
    layout=go.Layout(
        title="Issue Types - Original and Models",
        yaxis_title="Number of Issues"
    )
)

insira a descrição da imagem aqui Fonte: https://dev.to/fronkan/stacked-and-grouped-bar-charts-using-plotly-python-a4p

Isso funciona, mas preciso ir um passo além, se possível. Preciso que os vários modelos apareçam em ambos os lados de cada conjunto de barras, pois estou adicionando outro parâmetro (sim à esquerda e não à direita). No exemplo, o azul está sempre na barra da esquerda e o laranja e/ou verde estão sempre à direita. Estou procurando uma maneira de fazer com que qualquer uma dessas cores possa aparecer tanto à esquerda quanto à direita de um conjunto de barras, mas com valores diferentes. Por exemplo, no exemplo, o recurso tem uma contagem de barras azuis de 15, mas talvez no lado direito do recurso o azul tenha um valor de 5.

python

1 respostas

  1. Best Answer

    você pode usar empilhamento dinâmico com valores base calculados e codificação de cores consistente, mantendo exatamente 10 barras - 5 categorias × 2 lados - enquanto suporta combinações de componentes variáveis ​​por barra. também confira este gráfico de barras empilhadas + agrupadas

    from plotly import graph_objects as go

data = {
    "left": [
        {"original": 15, "model_1": 4, "model_2": 11},
        {"original": 23, "model_1": 8, "model_2": 18},
        {"original": 32, "model_1": 18, "model_2": 18},
        {"original": 10, "model_1": 6, "model_2": 0},
        {"original": 23, "model_1": 0, "model_2": 20}
    ],
    "right": [
        {"original": 7, "model_1": 3, "model_2": 5},
        {"original": 12, "model_1": 6, "model_2": 8},
        {"original": 15, "model_1": 8, "model_2": 10},
        {"original": 5, "model_1": 4, "model_2": 0},
        {"original": 10, "model_1": 2, "model_2": 12}
    ],
    "labels": [
        "feature",
        "question",
        "bug",
        "documentation",
        "maintenance"
    ]
}

fig = go.Figure()

colors = {
    "original": "#636EFA",
    "model_1": "#EF553B",
    "model_2": "#00CC96"
}

def add_stacked_bar(side, offset_group):
    side_data = data[side]
    for i, category in enumerate(data["labels"]):
        current_base = 0
        for model_type in ["original", "model_1", "model_2"]:
            value = side_data[i].get(model_type, 0)
            if value > 0:
                fig.add_trace(go.Bar(
                    name=f"{model_type.replace('_', ' ').title()} ({side.title()})",
                    x=[category],
                    y=[value],
                    offsetgroup=offset_group,
                    base=current_base,
                    marker_color=colors[model_type],
                    legendgroup=model_type,
                    showlegend=(i == 0)
                ))
                current_base += value

add_stacked_bar("left", 0)
add_stacked_bar("right", 1)

fig.update_layout(
    title="Issue Types - Original and Models",
    yaxis_title="Number of Issues",
    barmode='group',
    legend_title="Model Types",
    legend=dict(
        orientation="h",
        yanchor="bottom",
        y=1.02,
        xanchor="right",
        x=1
    )
)

fig.show()

    insira a descrição da imagem aqui

    • 2

relate perguntas