javascript - 如何在 Chart.js 的工具提示中键入字符串？

Question

我想在工具提示的结果数据中添加“%”符号。我们如何定制它？

<script>
    var ctx = document.getElementById('myChart').getContext('2d');
    var myChart = new Chart(ctx, {
        type: 'pie',
        data: {
            labels: ['@lang('home/main.korea')', '@lang('home/main.japan')'],
            datasets: [{
                label: [

                ],
                data: [
                    {!! $koreaPercent !!} ,
                    {!! $japanPercent !!} ,
                ],
                backgroundColor: [
                    'red',
                    'blue',
                ],
            }]
        },
        options: {
        }
    });

</script>

我认为我们需要转换数据数组中的选项。

Answer 1

这样的事情应该可以解决您的问题:

<script>
    var ctx = document.getElementById('myChart').getContext('2d');
    var myChart = new Chart(ctx, {
        type: 'pie',
        data: {
            labels: ['@lang('home/main.korea')', '@lang('home/main.japan')'],
            datasets: [{
                label: [

                ],
                data: [
                    {!! $koreaPercent !!} ,
                    {!! $japanPercent !!} ,
                ],
                backgroundColor: [
                    'red',
                    'blue',
                ],
            }]
        },
        options: {
            tooltips: {
                enabled: true,
                mode: 'single',
                callbacks: {
                    label: function(tooltipItems, data) { 
                        return tooltipItems.yLabel + tooltipItems.xLabel + " %";
            }
        }
    });

</script>

这是一个使用不同数据的工作示例，因为我不知道您如何使用您的图表:https://jsfiddle.net/mateusjunges/f8x394va/2/

希望对您有所帮助。