在ChartJS中,我希望能够更改工具提示,因此,当鼠标悬停在图形上时,可以在该值的前后放置一些文本。
例如,此刻,我拉出一个页面ID,并将其用于图形的data
输入。
但是,我想在此之前添加一个字符串来表示:“第12页中的第x页” <-本示例中的'x'是从数据库中提取的项目。
我尝试了以下无效的方法,并且整个<canvas>
都消失了:
<script>
var ctx = document.getElementById('progOnModules').getContext('2d');
var chart = new Chart(ctx, {
type: 'pie',
data: {
labels: <?php echo $modName ?>,
datasets: [{
label: '`Modules`',
data: [<?php echo "Page ".$modProgress." out of 12" ?>], // This is where I'm trying to add text
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)'
],
borderColor: [
'rgba(255,99,132,1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)'
],
borderWidth: 2
}]
},
});
</script>