Imposta la leggenda all'interno della trama

Le leggende sono una parte importante di vari appezzamenti in quanto ti consentono di aggiungere ulteriori informazioni sui grafici. Usando una leggenda, puoi interpretare rapidamente e facilmente i dati presentati in un diagramma.

È quindi una caratteristica incredibile da includere in una trama. Tuttavia, una leggenda può portare a una scarsa visibilità soprattutto su schermi più piccoli. Quindi, invece di nascondere la trama, ti mostreremo come puoi spostare la leggenda all'interno della trama.

Senza molta ulteriore esitazione, immergiamoci.

Crea una figura con la leggenda

Prima di poter immergerci su come spostare la leggenda all'interno della trama, creiamo una figura semplice con la legenda abilitata.

Per questo, utilizziamo i dati GapMinder () come mostrato nel seguente codice:

importazione della trama.esprimere come px
df = px.dati.GapMinder ().query ("anno == 2007")
FIG = px.SPIREST (df, x = "gdppercap", y = 'pop', color = "continente")
Fico.update_layout (showlegend = true)

L'esempio dato utilizza un semplice diagramma a dispersione per illustrare come abilitare una legenda nella figura usando la funzione update_layout ().

Il codice precedente restituisce un diagramma a dispersione con la legenda situata sul lato della trama come mostrato da segue:

Posizionamento della leggenda tracciato

Fortunatamente, le leggende in trama hanno un punto di ancoraggio che possiamo usare per personalizzare il posizionamento della leggenda. Usando le proprietà Xanchor e Yanchor, possiamo specificare le coordinate della leggenda in pochi passaggi.

Possiamo posizionare la leggenda del diagramma precedente nell'angolo in alto a sinistra come mostrato nel seguente codice:

importazione della trama.esprimere come px
df = px.dati.GapMinder ().query ("anno == 2007")
FIG = px.SPIREST (df, x = "gdppercap", y = 'pop', color = "continente")
Fico.update_layout (showlegend = true,
leggenda = dict (
yanchor = 'top',
y =.95,
xanchor = 'sinistra',
x = 0.01
)
)

In questo codice, posizionare la legenda usando le proprietà Xanchor e Yanchor del parametro della legenda. Specifichiamo anche il posizionamento della trama rispetto ai margini della trama usando le proprietà xey.

Nota: i valori delle proprietà xey devono essere comprese tra 0 e 1.

Il codice precedente restituisce la seguente figura:

E il gioco è fatto. La leggenda si trova all'interno della trama.

Posizione della leggenda tracciata in alto a destra

Possiamo anche posizionare la legenda in alto a destra dell'angolo della trama della trama impostando i valori X e Y come mostrato nei seguenti:

Fico.update_layout (showlegend = true,
leggenda = dict (
y = 1,
x =.9
)

Si noti che in questo caso non utilizziamo i parametri Xanchor e Yanchor.

La figura risultante è la seguente:

Posizionamento orizzontale della leggenda tracciato

Possiamo anche posizionare la legenda orizzontalmente specificando il parametro di orientamento. Un codice di esempio è come mostrato nel seguente:

Fico.update_layout (showlegend = true,
leggenda = dict (
Orientation = "H",
Yanchor = "Bottom",
y = 1.02,
xanchor = "a destra",
x = 1
)
)

Il codice precedente restituisce la figura come mostrato nel seguente:

Per posizionare la leggenda all'interno della figura in un orientamento orizzontale, specificare Yanchor = "Top".

Conclusione

In questo articolo, hai imparato a personalizzare la posizione della leggenda in trama utilizzando le proprietà Yanchor e Xanchor. Grazie per aver letto. Codice felice!!