Estoy usando el gráfico de líneas js para mostrar un gráfico y estoy tratando de calcular la diferencia entre el punto seleccionado y el anterior y representarlo en una información sobre herramientas.
He leído que debería usar la función de devolución de llamadas, pero cuando lo probé, no pasó nada.
Incluso yo solo trato de cambiar el título. Aquí están mis opciones para mi gráfico de líneas si alguien puede ayudar :) Chart js version: 3.6.1
plugins: { legend: { display: false }, title: { display: true, font: { size: 18, }, color: "white" }, zoom: { zoom: { drag: { enabled: true }, mode: 'xy', } }, tooltip: { callbacks: { title: function () { return "my tittle"; } } } }Esto se debe a que está utilizando la sintaxis V2 con V3, puede leer el espacio de nombres en las opciones .
La información sobre herramientas se ha movido a la sección de complementos
Para todos los cambios, lea la guía de migración
const options = { type: 'line', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, 3], borderColor: 'orange' }, { label: '# of Points', data: [7, 11, 5, 8, 3, 7], borderColor: 'pink' } ] }, options: { plugins: { tooltip: { callbacks: { title: () => ('Title') } } } } } const ctx = document.getElementById('chartJSContainer').getContext('2d'); new Chart(ctx, options); <body> <canvas id="chartJSContainer" width="600" height="400"></canvas> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.6.2/chart.js"></script> </body>