Personalizarea informațiilor hover și a legendelor

Introducere în vizualizarea datelor cu Plotly în Python

Alex Scriven

Data Scientist

Ce înseamnă hover?

Informații hover: textul și datele afișate când cursorul trece peste un punct de date

$$

Opțiune hover implicită

Introducere în vizualizarea datelor cu Plotly în Python

Alte informații hover implicite

   

Implicit hovermode = "closest"

  • "x" sau "y": adaugă o evidențiere pe axa x sau y

$$

  • "x unified" / "y unified": afișează o linie și o casetă hover cu toate valorile de pe axa x sau y

Hover x

Hover x unificat

Introducere în vizualizarea datelor cu Plotly în Python

Informații hover cu plotly.express

 

  • hover_name = O coloană specificată afișată cu bold în partea de sus a casetei hover

$$

  • hover_data = O listă de coloane de inclus sau un dicționar pentru includere/excludere
    • {column_name: False} (exclude column_name)
Introducere în vizualizarea datelor cu Plotly în Python

Variabile în informațiile hover

💡 Coloanele hover nu trebuie să fie în grafic

$$

fig = px.scatter(revenues, 
        x="Revenue", 
        y="employees",
        hover_name="Company",
        hover_data=["age"])

fig.show()

 

Hover pe scatter plot

Introducere în vizualizarea datelor cu Plotly în Python

Stilizarea informațiilor hover

 

  • hoverlabel
    • Acceptă un dicționar de proprietăți de stil: font, culoare de fundal, aliniere

$$

  • hovertemplate
    • Șir de tip HTML pentru formatarea textului (dincolo de scopul acestui curs)
Introducere în vizualizarea datelor cu Plotly în Python

Ce este o legendă?

  • Ghid vizual care explică elementele din grafic, precum culoarea sau simbolul

$$

  • De obicei adăugat automat când este necesar
    • De exemplu, la adăugarea culorilor în diagrama cu bare

Diagramă cu bare și culori

Introducere în vizualizarea datelor cu Plotly în Python

Crearea și stilizarea legendei

$$

  • Utilizați update_layout() pentru a controla legenda

$$

  • showlegend = True afișează legenda implicită
  • legend - primește un dicționar de proprietăți
    • x, y permit poziționarea legendei în zona graficului (interval 0 – 1)
    • Alte elemente de stil: bgcolor (culoare fundal), borderwidth, font

$$

Consultați documentația pentru mai multe detalii

Introducere în vizualizarea datelor cu Plotly în Python

O legendă stilizată

$$

$$

fig.update_layout(
    "showlegend": True,

    legend_title_text="All Companies"

    legend=dict(
    x=0.7, y=0.8,
    bgcolor="rgb(246,228,129)"))
})

 

Legendă stilizată

Introducere în vizualizarea datelor cu Plotly în Python

Să exersăm!

Introducere în vizualizarea datelor cu Plotly în Python

Preparing Video For Download...