0👍
You can add tooltips within the options section of your chart and they will appear on hover hope this code helps ( i know this isnt the display inside the sections as requested but may help until the issue is resolved).
options: {
responsive: true,
legend: {
display: false,
},
layout: {
padding: 5
},
hover: {
mode: 'nearest'
},
animation: {
duration: 2000
},
tooltips: {
titleFontSize: 0,
bodyFontSize: 12,
bodySpacing: 12,
displayColors: false,
callbacks: {
label: function (tooltipItem, data) {
var dataset = data.datasets[tooltipItem.datasetIndex];
var tooltip = dataset.tooltip[tooltipItem.index];
return items;
},
}
},
}
-1👍
There are another library name chartnew.js (modified version of chart.js) you can do that with it.
Chart
https://github.com/FVANCOP/ChartNew.js/.
Using inGraphDataShow : true
Chart generator for this chart:
- [Chartjs]-Apply/Register conflicting plugins to different charts
- [Chartjs]-Can't resize react-chartjs-2 doughnut chart
Source:stackexchange.com