Shortcode web_chart
El shortcode web_chart muestra un gráfico mediante el reproductor condicional de Chart.js del tema. Sigue disponible cuando se desactiva la administración de Page Builder. Para la edición visual de datos en Gutenberg, usa Chart.
Los atributos que se indican a continuación coinciden con los controles actuales de Page Builder y con la salida pública. Usa la sintaxis en bruto solo para contenido ya revisado que no pueda mantenerse mediante los controles visuales.
Uso
[web_chart]Atributos
| Atributo | Valor predeterminado | Valores aceptados | Propósito |
|---|---|---|---|
type |
line |
line, bar, horizontalBar, radar, pie, doughnut, polarArea |
Selecciona la variante de renderizado o de comportamiento que consume el shortcode. |
data |
Ejemplo de seis categorías | Objeto JSON con datasets y labels opcional |
JSON en bruto o el campo JSON codificado de Page Builder. |
options |
Leyenda oculta | Objeto JSON | Opciones de Chart.js solo de datos; sin callbacks de JavaScript. |
height |
400 |
Número, 40–4000 | Altura de referencia en píxeles. |
width |
800 |
Número, 40–4000 | Anchura de referencia en píxeles. |
title |
Chart |
Texto sin formato | Nombre accesible y texto alternativo del lienzo. Añade cerca una explicación o tabla equivalente. |
el_id |
— | Identificador HTML | Ancla opcional del lienzo. |
el_class |
— | Cadena, salvo que se indique lo contrario | Si deseas dar un estilo diferente a un elemento de contenido concreto, usa este campo para añadir un nombre de clase y luego haz referencia a él en tu archivo CSS. |
Verificación
Previsualiza datos representativos en anchos de móvil y de escritorio. Los gráficos adaptables reciben un contenedor de ejecución dedicado, de modo que el lienzo no puede forzar una columna circundante a ser más ancha. Se usa la relación anchura/altura salvo que una anulación de opciones válida la modifique. Un responsive: false explícito conserva el comportamiento de lienzo fijo.
Se aceptan tanto el JSON normal como los datos codificados en base64/URL de Page Builder. Los ajustes heredados legend, title, tooltips, xAxes y yAxes se adaptan al reproductor actual. horizontalBar sigue siendo compatible. Los valores opcionales pomColor del dataset, del 1 al 15, seleccionan ranuras de la paleta actual del tema; pomColorMode: "category" alterna los colores entre los valores.
Cada campo JSON está limitado a 256 KB. Los datos permiten hasta 32 series, 5.000 etiquetas/valores por serie y 20.000 celdas de tabla resultantes, con un anidamiento limitado. El JSON no válido, los tipos de gráfico no admitidos y las claves de configuración no seguras no muestran ningún gráfico. Una configuración de ejecución no válida no impide que se carguen otros gráficos.
Este shortcode no tiene un parámetro independiente de visibilidad por dispositivo. Usa los helpers de visibilidad existentes en el_class o controla el diseño que lo contiene.