Estoy tratando de obtener estos cuatro valores de datos de la matriz y quiero mostrarlos en la información sobre herramientas junto con el símbolo % al final.
var myChart = new Chart(ctx, { type: 'line', data: { datasets: [ { label: 'Net Profit Margin', data:[, 18, 19, 21, 20,] }, { label: 'Gross Profit Margin', data: [, 57, 54, 57, 59,] }, ] },y en la información sobre herramientas, estoy tratando de obtener los datos para poder mostrarlos mediante devoluciones de llamada.
tooltip: { callbacks: { label: function (tooltipItem) { output = myChart.data.datasets[0].data[] } } },Ahora quiero saber si debo escribir datos [___] para obtener el primer objeto cuando paso el mouse sobre él.
Además de la devolución de llamada de la etiqueta de información sobre herramientas, también debe definir el modo de interacción 'conjunto de datos' .
options: { interaction: { mode: 'dataset' }, plugins: { tooltip: { callbacks: { label: context => context.label + ': ' + context.formattedValue + '%' } } } }Eche un vistazo al código ejecutable a continuación y vea cómo funciona.
var myChart = new Chart('myChart', { type: 'line', data: { labels: ['A', 'B', 'C', 'D'], datasets: [{ label: 'Net Profit Margin', data: [18, 19, 21, 20] }, { label: 'Gross Profit Margin', data: [57, 54, 57, 59] }, ] }, options: { interaction: { mode: 'dataset' }, plugins: { tooltip: { callbacks: { label: context => context.label + ': ' + context.formattedValue + '%' } } } } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.5.1/chart.min.js"></script> <canvas id="myChart" height="80"></canvas>