Есть ли способ изменить всплывающую подсказку на chartJS - PullRequest
Новая
       9

Есть ли способ изменить всплывающую подсказку на chartJS

0 голосов
/ 28 апреля 2020

На диаграмме JS я хочу иметь возможность изменять всплывающую подсказку, поэтому при наведении на график я могу разместить текст до и после значения.

Например, на данный момент Я извлекаю идентификатор страницы и использую его для ввода data для графика.

Однако я хотел бы добавить строку перед этим, чтобы сказать: «Страница x из 12» <- The 'x' в этом примере будет элементом, извлеченным из БД. </p>

Я пробовал нижеприведенное, которое не работает, и все <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>
...