En la imagen de arriba, no podré mostrar las datalabels de datos en mis puntos donde se muestra la información sobre herramientas. En lugar de información sobre herramientas, solo quiero que se muestren valores allí y mi código está en esto. No tendré idea de cómo mostrar datalabels de datos en los puntos de mi gráfico de líneas.

Este es mi script mediante el cual hago el gráfico de líneas de acuerdo con los valores de la base de datos.

 $('canvas.LineChart').each(function(cnvindx, cnvobj) { var proc_id = $(cnvobj).data('proc_id'); var dcharry = []; var labelChartArr = []; var ctxs = cnvobj; var dataChart = { datasets: [], labels: [] }; var optionsChart = { title: { display: true, text: "Offered Call's Hourly", position: 'top' }, legend: { display: true, position: 'top', align: 'start', }, tooltips: { enabled: false }, plugins: { datalabels: { anchor: 'end', align: 'end', labels: { value: { color: 'blue' } } } } }; var myLineChart = new Chart(ctxs, { type: 'line', data: dataChart, options: optionsChart }); myLineChart.data.datasets[0] = { }; myLineChart.data.labels = []; myLineChart.update(); if(msg.myLineChart != undefined) { myLineChart.data.datasets[0].data = []; myLineChart.data.datasets[0].label = ["Offered Call's"]; myLineChart.data.datasets[0].fill = [false]; myLineChart.data.datasets[0].borderColor = [Offered_Call_COLOR]; myLineChart.data.datasets[0].backgroundColor = []; $.each(msg.multiplebarchart, function(indx, hourData) { //setting line data myLineChart.data.datasets[0].data.push( hourData['Offered_Call']); //setting X axis label myLineChart.data.labels.push(hourData['HOUR1']); //setting background color myLineChart.data.datasets[0].backgroundColor.push( Offered_Call_COLOR); }); myLineChart.update(); myLineChart.render({ duration: 500, lazy: false, }); } });