有没有办法改变chartJS的工具提示

时间:2020-04-28 16:53:05

标签: javascript chart.js

在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>

0 个答案:

没有答案
相关问题