¿Cómo superponer dos gráficos en la misma figura en plotly (Crear gráfico de Pareto en plotly)?

Al fin después de mucho batallar pudimos encontrar la respuesta de esta contratiempo que tantos usuarios de este espacio han tenido. Si tienes algún detalle que aportar no dudes en aportar tu información.

Solución:

Prueba esto:

import plotly.graph_objects as go
from plotly.subplots import make_subplots

trace1 = go.Bar(
    x=df[cat],
    y=df[num],
    name=num,
    marker=dict(
        color='rgb(34,163,192)'
               )
)
trace2 = go.Scatter(
    x=df[cat],
    y=df['cumulative_perc'],
    name='Cumulative Percentage',
    yaxis='y2'

)

fig = make_subplots(specs=[["secondary_y": True]])
fig.add_trace(trace1)
fig.add_trace(trace2,secondary_y=True)
fig['layout'].update(height = 600, width = 800, title = title,xaxis=dict(
      tickangle=-90
    ))
iplot(fig)

Da,

Puedes hacer algo así:

fig = make_subplots(rows=1, cols=2)
fig.add_trace(trace1, row=1, col=1)
fig.add_trace(trace2, row=1, col=2)

fig.update_layout(xaxis=dict(tickangle=90))
fig.show()

Lo que producirá el siguiente gráfico:

• La función matplotlib twinx() puede instanciar un segundo eje que comparte el mismo eje x.
• plt.xticks(rotation=90) para rotar la etiqueta del eje x.
• z-order para especificar el orden de dibujo.

import pandas as pd
import matplotlib.pyplot as plt

df = pd.DataFrame(
            'price': [ 4.0, 17.0, 7.0, 7.0, 2.0, 1.0, 1.0],
            'item': ['apple', 'banana', 'carrot', 'plum',
                    'orange', 'date', 'cherry'])

num = 'price'
cat = 'item'

df = df.sort_values(num, ascending=False)
df['cumulative_sum'] = df[num].cumsum()
df['cumulative_perc'] = 100*df['cumulative_sum']/df[num].sum()

df['demarcation'] = 80

title = 'Pareto Chart'

plt.figure(figsize=(9, 3))

axes1 = plt.subplot()
b = axes1.bar(df[cat], df[num], label='Price')

plt.xticks(rotation=90)

# use twinx() function to create the second axis object “ax2”
axes2 = axes1.twinx()

p = axes2.plot(df[cat], df['cumulative_perc'], c='r', marker='o', zorder=5, label='Cumulative Percentage')

axes1.legend(handles=(b, p[0]), loc='center right')

plt.tight_layout()
plt.show()

Finalizando este artículo puedes encontrar las notas de otros gestores de proyectos, tú asimismo puedes mostrar el tuyo si lo deseas.

---

---

Utiliza Nuestro Buscador