Gráfico de barras

En pocas palabras

Un gráfico de barras para comparar unas pocas cantidades.

Un gráfico de barras verticales dibujado con pz.canvas en los colores del tema, con etiquetas opcionales bajo las barras.

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

Vista previa

Código

ui.bar_chart([12, 19, 8, 15, 22, 17, 9], labels=["M", "T", "W", "T", "F", "S", "S"],
             width=360, height=180)

Cuándo usarlo

• Para comparar unos pocos valores lado a lado (por día, por categoría).

Uso

from pyzed import ui

ui.bar_chart([12, 19, 8, 15, 22, 17, 9], labels=["M", "T", "W", "T", "F", "S", "S"],
             width=360, height=180)

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

labels=

Código

ui.bar_chart([12, 19, 8, 15, 22], labels=["M", "T", "W", "T", "F"], width=240, height=120)

Sin etiquetas

Código

ui.bar_chart([4, 8, 6, 9, 3, 7, 5, 10], width=240, height=100)

tint="success"

Código

ui.bar_chart([5, 9, 7, 12], labels=["Q1", "Q2", "Q3", "Q4"], width=240, height=120, tint="success")

tint="warning"

Código

ui.bar_chart([30, 12, 18], labels=["cpu", "io", "net"], width=240, height=120, tint="warning")

Eventos

Gráfico de barras 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.bar_chart

bar_chart(values, *, labels=None, width=320, height=160, tint='accent', theme=None)

Un gráfico de barras vertical con etiquetas opcionales.

Propiedad	Por defecto	Descripción
values	obligatorio	Valores.
labels	None	Etiquetas bajo cada barra.
width	320	Ancho: píxeles, "fill", "shrink" o "fill:N" (proporción).
height	160	Alto: píxeles, "fill", "shrink" o "fill:N" (proporción).
tint	"accent"	Color semántico: "accent", "error", "warning", "success", "info" o un token.
theme	None	Tema a usar en lugar del actual (pyzed.theme.current()).

Referencia completa →

Relacionados

DonaUn gráfico de dona con una etiqueta en el centro.

MinigráficoUn gráfico de líneas diminuto para tendencias.

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