Dona

En pocas palabras

Un anillo dividido en porciones de colores que muestra las partes de un todo.

Un gráfico de dona con values y una label en el centro. colors reemplaza la paleta del tema.

ui.donut · Categoría: Datos · Referencia completa →

Vista previa

Código

pz.row([
    ui.donut([60, 25, 15], label="60%"),
    ui.donut([45, 35, 20], colors=["#e5c07b", "#c678dd", "#56b6c2"], size=120, thickness=20, label="3"),
], spacing=32, align="center")

Cuándo usarlo

• Para mostrar las partes de un todo (uso de disco, lenguajes de un proyecto) con tres o cuatro porciones.

Uso

import pyzed as pz
from pyzed import ui

pz.row([
    ui.donut([60, 25, 15], label="60%"),
    ui.donut([45, 35, 20], colors=["#e5c07b", "#c678dd", "#56b6c2"], size=120, thickness=20, label="3"),
], spacing=32, align="center")

Variantes

Sobre estas capturas

Cada captura la graba pyzed mismo, fuera de pantalla a 2x, en One Dark o One Light según el tema de este sitio, y recortada al componente para que se vea a su tamaño real. El puntero pasa por encima, pulsa o escribe en él; un componente que no reacciona al puntero recorre algunos temas. Con movimiento reducido ves el primer fotograma. Abre Código bajo una captura para ver el fragmento que la dibuja; los nombres libres como on_save son tus propios callbacks.

Opciones

Por defecto

Código

ui.donut([60, 25, 15], label="60%")

colors=

Código

ui.donut([45, 35, 20], colors=["#e5c07b", "#c678dd", "#56b6c2"], label="3")

thickness=6

Código

ui.donut([70, 30], thickness=6, label="70%")

size=140, thickness=24

Código

ui.donut([40, 30, 20, 10], size=140, thickness=24)

size=110, label="82%"

Código

ui.donut([82, 18], size=110, label="82%")

Eventos

Dona no tiene eventos propios: muestra lo que le das. Como todo widget, también tiene los 18 eventos comunes (click, double_click, right_click, mouse_enter, drag, key_down, resize…), que se conectan con .on(...): mira Eventos y Eventos de cada componente.

Propiedades y API

ui.donut

donut(values, *, colors=None, size=96, thickness=14, label=None, theme=None)

Un gráfico de anillo; label se dibuja en el centro.

Propiedad	Por defecto	Descripción
values	obligatorio	Valores.
colors	None	Colores (por defecto, los del tema).
size	96	Tamaño.
thickness	14	Grosor del anillo.
label	None	Texto central.
theme	None	Tema a usar en lugar del actual (pyzed.theme.current()).

Referencia completa →

Relacionados

Gráfico de barrasUn gráfico de barras verticales con etiquetas.

CifraUna cifra de dashboard con variación y minigráfico.