Saltar al contenido

Leyenda de plotly al lado de cada subtrama, Python

Este team especializado pasados algunos días de trabajo y de juntar de información, han obtenido la respuesta, nuestro deseo es que te sea de gran utilidad para tu proyecto.

Solución:

La solución es crear un archivo HTML que fusione varios gráficos sin conexión representados como archivos html:

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

fichier_html_graphs=open("DASHBOARD.html",'w')
fichier_html_graphs.write(""+"n")

i=0
while 1:
    if i<=40:
        i=i+1


        #______________________________--Plotly--______________________________________


        color1 = '#00bfff'
        color2 = '#ff4000'

        trace1 = go.Bar(
            x = ['2017-09-25','2017-09-26','2017-09-27','2017-09-28','2017-09-29','2017-09-30','2017-10-01'],
            y = [25,100,20,7,38,170,200],
            name='Debit',
            marker=dict(
                color=color1
            )

        )
        trace2 = go.Scatter(

            x=['2017-09-25','2017-09-26','2017-09-27','2017-09-28','2017-09-29','2017-09-30','2017-10-01'],
            y = [3,50,20,7,38,60,100],
            name='Taux',
            yaxis='y2'

        )
        data = [trace1, trace2]
        layout = go.Layout(
            title= ('Chart Number: '+str(i)),
            titlefont=dict(
            family='Courier New, monospace',
            size=15,
            color='#7f7f7f'
            ),
            paper_bgcolor='rgba(0,0,0,0)',
            plot_bgcolor='rgba(0,0,0,0)',

            yaxis=dict(
                title='Bandwidth Mbit/s',
                titlefont=dict(
                    color=color1
                ),
                tickfont=dict(
                    color=color1
                )
            ),
            yaxis2=dict(
                title='Ratio %',
                overlaying='y',
                side='right',
                titlefont=dict(
                    color=color2
                ),
                tickfont=dict(
                    color=color2
                )

            )

        )
        fig = go.Figure(data=data, layout=layout)
        plotly.offline.plot(fig, filename='Chart_'+str(i)+'.html',auto_open=False)
        fichier_html_graphs.write("  "+"n")
    else:
        break

fichier_html_graphs.write("")
print("CHECK YOUR DASHBOARD.html In the current directory")

Resultado:
ingrese la descripción de la imagen aquí

Usé dos uno al lado del otro división elementos para emular Plotly subtrama. De esta manera, tenemos leyendas independientes. Sin embargo, si queremos compartir un eje, debemos hacerlo manualmente:

app.layout = html.Div(children=[
        html.Div(['YOUR FIRST GRAPH OBJECT'],
                 style = 'float':'left', 'width':'49%') ,
        html.Div(['YOUR SECOND GRAPH OBJECT'],
                 style = 'float':'right', 'width':'49%')   
                ])

Sección de Reseñas y Valoraciones

Si entiendes que te ha resultado de utilidad nuestro artículo, sería de mucha ayuda si lo compartieras con el resto entusiastas de la programación de esta manera contrubuyes a dar difusión a nuestra información.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *