Diferencias

Muestra las diferencias entre dos versiones de la página.

--- informatica:programacion:javascript:chartjs [2023/11/09 11:14] – tempwin
+++ informatica:programacion:javascript:chartjs [2023/11/09 11:25] (actual) – [Título ejes de coordenadas] tempwin
@@ Línea 37: / Línea 37: @@
 </script>
+</code>
+===== Configuración =====
+==== Título gráfica ====
+La opción ''title'' dentro de ''plugins'' permite mostrar un título en la cabecera de la gráfica.
+<code javascript>
+const chart = new Chart(ctx, {
+    type: 'line',
+    data: data,
+    options: {
+        plugins: {
+            title: {
+                display: true,
+                text: 'Custom Chart Title'
+            }
+        }
+    }
+});
+</code>
+==== Título ejes de coordenadas ====
+<code javascript>
+new Chart(ctx, {
+    (...)
+    options: {
+        scales: {
+            y: {
+                title: {
+                    display: true,
+                    text: "Velocidad"
+                }
+            },
+            x: {
+                title: {
+                    display: true,
+                    text: "Tiempo"
+                }
+            }
+        }
+    }
+});
 </code>