Gráficos
Los gráficos viven en el lienzo como objetos normales. Muévelos, redimensiónalos, ordénalos por capas y expórtalos como cualquier imagen o forma, y edita sus datos en cualquier momento.
Vista general rápida
- Abre la pestaña Charts en el panel izquierdo.
- Haz clic en un tipo de gráfico para insertarlo centrado en el lienzo con datos de ejemplo.
- Selecciona el gráfico para editar sus datos, etiquetas y colores en el panel de propiedades.
- Añade o quita filas de datos a medida que cambian tus cifras.
- Redimensiónalo arrastrando un tirador. El gráfico se vuelve a renderizar a la nueva resolución en vez de estirarse.
Referencia detallada
Tipos de gráfico
| Tipo | Tamaño predeterminado | Forma |
|---|---|---|
| Pie | 400x400 | Redonda |
| Doughnut | 400x400 | Redonda |
| Bar | 400x300 | Rectangular |
| Horizontal bar | 400x300 | Rectangular |
| Line | 400x300 | Rectangular |
| Radar | 400x400 | Redonda |
| Polar area | 400x400 | Redonda |
Cambiar de tipo un gráfico después conserva tus datos y completa los colores adicionales que hagan falta. Los tipos redondos igualan automáticamente su ancho y su alto.
Cómo funciona
Cada gráfico se renderiza en un lienzo oculto a 4x de resolución para un resultado nítido y luego se fija como un único objeto de imagen en el lienzo. Al editar los datos, las etiquetas o los colores, esa imagen se vuelve a renderizar de inmediato, así que lo que ves siempre coincide con las cifras actuales en lugar de con un mapa de bits estirado.
Controles
| Control | Notas |
|---|---|
| Selector de tipo | Cambia de tipo sin perder los datos |
| Etiqueta del conjunto de datos | Se muestra como el título del gráfico |
| Tamaño de fuente del título | El tamaño del texto del título del gráfico |
| Leyenda | Mostrar u ocultar, posición (arriba, abajo, izquierda, derecha), tamaño de fuente |
| Tamaño de fuente de las etiquetas de eje | Solo tipos de barras y líneas |
| Fondo | Un color sólido, o un interruptor de transparencia para superponer el gráfico sobre otros elementos |
| Ancho / alto | 100-2000 px; cambiar cualquiera de los dos vuelve a renderizar de inmediato |
| Re-render | Fuerza un renderizado nuevo si la imagen parece desactualizada |
Filas de datos
Cada punto de datos es una fila con una muestra de color, una etiqueta, un valor numérico y un botón de eliminar. Add Row añade un punto nuevo con el siguiente color de la paleta predeterminada.
La paleta predeterminada rota entre siete colores: un rosa suave, un azul, un amarillo, un verde azulado, un malva, un melocotón y un lavanda.
Redimensionar y recargar
Arrastrar los tiradores de un gráfico actualiza su ancho y su alto almacenados y desencadena un renderizado nuevo de alta resolución, en lugar de estirar la imagen existente, de modo que el gráfico se mantiene nítido a cualquier tamaño. El tipo de gráfico, los datos, las etiquetas y el tamaño se guardan con el diseño y se reconstruyen automáticamente la próxima vez que se carga el proyecto.
Un gráfico se comporta como un único objeto atómico: las herramientas de edición de imagen, como recortar y eliminar el fondo, lo omiten en lugar de operar sobre la imagen renderizada que hay debajo.
Paso a paso
Un gráfico de barras con tus propias cifras
- Abre la pestaña Charts y haz clic en Bar. Se coloca centrado con cinco columnas de ejemplo.
- Mantenlo seleccionado y abre el panel de propiedades. Cada punto de datos es una fila con una muestra de color, una etiqueta y un valor.
- Edita las etiquetas y los valores directamente. El gráfico se vuelve a renderizar con cada pulsación de tecla, así que las barras se actualizan mientras escribes.
- Haz clic en Add Row para añadir un punto (toma el siguiente color de la paleta), o en la X de la fila para quitar uno.
- En los controles de estilo, define la Dataset label (se convierte en el título del gráfico), activa o desactiva la Legend y su posición, y sube el Axis label font size si las etiquetas cuestan de leer.
Un gráfico circular o de anillo
- Haz clic en Pie o Doughnut en la pestaña Charts. Los tipos redondos se insertan como un cuadrado de 400x400.
- Edita las filas para que cada porción tenga una etiqueta, un valor y un color claros.
- Mueve la Legend a la derecha o abajo, u ocúltala, para que las porciones no queden apretadas.
- Para colocar el gráfico sobre una foto o un panel de color, activa el interruptor de transparent background.
Comparar dos tipos de gráfico uno al lado del otro
- Crea un gráfico y define sus datos.
- Pulsa
Ctrl+Dpara duplicarlo. - Con la copia seleccionada, cambia su Type en el panel de propiedades (por ejemplo, de barras a líneas). Tus datos se conservan y los colores que falten se completan desde la paleta.
- Coloca los dos gráficos uno junto al otro para una comparación rápida a partir de las mismas cifras.
Redimensionar sin que se vea borroso
- Selecciona el gráfico y arrastra un tirador de esquina hasta el tamaño que quieras.
- Suelta. Al soltar, el gráfico se vuelve a renderizar a la nueva resolución en lugar de estirar la imagen anterior, así que se mantiene nítido.
- Para un tamaño exacto, escribe un Width y un Height (de 100 a 2000 px) en el panel de propiedades. Si las cifras no parecen actualizarse, haz clic en Re-render.
Tareas habituales
| Objetivo | Cómo |
|---|---|
| Añadir un punto de datos | Add Row y luego escribe su etiqueta y su valor |
| Quitar un punto | Haz clic en la X de la fila |
| Poner título al gráfico | Escribe en Dataset label |
| Mover la leyenda | Define la posición de la leyenda (arriba, abajo, izquierda, derecha) |
| Superponer sobre otros elementos | Activa el interruptor de fondo transparente |
| Texto de eje más grande | Sube el tamaño de fuente de las etiquetas de eje (solo barras y líneas) |
| Cambiar el color de una porción | Edita la muestra de color de esa fila |
Solución de problemas
Una fila en blanco cuenta como cero
Un campo de valor vacío cuenta como 0, así que su barra o su porción se reduce a nada. Elimina las filas que no uses en lugar de dejarlas en blanco.
El gráfico circular se ve aplastado tras cambiar de tipo
Los tipos redondos (pie, doughnut, radar, polar area) igualan su ancho y su alto. Cambiar un gráfico de barras ancho a un tipo redondo lo cuadra automáticamente, así que su superficie cambia.
El tamaño de fuente del eje no hizo nada
El tamaño de fuente de las etiquetas de eje solo se aplica a los gráficos de barras y de líneas. Los tipos pie, doughnut, radar y polar area no tienen ejes, así que el control no surte ningún efecto en ellos.
Recortar y eliminar el fondo omiten el gráfico
Un gráfico es un único objeto atómico construido a partir de un renderizado en vivo, así que las herramientas de imagen como recortar y eliminar el fondo pasan por alto de él. En su lugar, edita los datos, los colores y el tamaño en el panel de propiedades.
Mantén pocas series
La paleta rota entre siete colores antes de repetirse, y un gráfico denso cuesta de leer en una tarjeta o una diapositiva. Un puñado de puntos bien etiquetados se lee mejor.
Atajos de teclado
| Atajo | Acción |
|---|---|
Ctrl+D | Duplicar el gráfico seleccionado |
Delete | Eliminar el gráfico seleccionado |
Consejos
Menos series se leen mejor
Un puñado de segmentos bien etiquetados se lee mejor en una tarjeta o una diapositiva que un gráfico denso. Simplifica los datos antes de reducir el tamaño del gráfico.
Duplica para comparar
Duplica un gráfico y cambia el tipo de la copia. Un gráfico de barras junto a uno de líneas construidos con los mismos datos permite una comparación rápida en paralelo.
Relacionado
- Formas para otros elementos visuales cercanos a los datos
- Texto y tipografía para leyendas y etiquetas de gráficos
- Exportar una página: los gráficos se exportan como parte de la salida rasterizada de la página