如何在 Chart.js 中循环工具提示附加数据

这里我有一个图表，其中包含来自数据库表的 x 轴数据和 y 轴数据。现在我面临的问题是，无论我尝试将第三个数据附加到afterbody工具提示中的回调函数。它将在每个工具提示中显示完整数据。

但我想分别将这些数据附加到每个工具提示中。

like:

在第一个工具提示上保证金 12%

在第二个工具提示上保证金 5%

在第三个工具提示上利润率 25%等等。

这是带有工具提示数据的当前图表的屏幕截图

这是我的代码

    $(document).ready(function(){
    $.ajax({
        url: "<?php base_url();?>/charts/getsome",
        method: "GET",
        success: function(data) {
            console.log(data);
            var data = JSON.parse(data);
            var month = [];
            var customers = [];
            var margin = [];

            for(var i in data) {
                month.push("Customer in " + data[i].apply_month);
                customers.push(data[i].no_customers);
                margin.push(data[i].margin);
            }
            var chartdata = {
                labels: month,              
                datasets : [
                    {
                        label: 'monthly customers for Year 2016',
                        backgroundColor: 'rgba(200, 200, 200, 0.75)',
                        borderColor: 'rgba(200, 200, 200, 0.75)',
                        hoverBackgroundColor: 'rgba(200, 200, 200, 1)',
                        hoverBorderColor: 'rgba(200, 200, 200, 1)',
                        data: customers,
                        fill: false
                    }

                ]

            };

            var frame = $("#mycanvas");

            var barGraph = new Chart(frame, {
                type: 'line',               
                data: chartdata,
                options: {
                          responsive: true,
                          tooltips: {
                             callbacks: {
                                afterBody: function(t, d) {
                                   return 'margin  '+margin;
                                }
                             }
                          }
                       }
            });
        },
        error: function(data) {
            console.log(data);
        }
    });
});

现在我只想为每个工具提示单独显示这些边距百分比数据。请建议我，我哪里出错了？提前致谢 ：）

替换您的工具提示's afterBody回调函数...

ꜰʀᴏᴍ ᴛʜɪꜱ

tooltips: {
   callbacks: {
      afterBody: function(t, d) {
         return 'margin  ' + margin;
      }
   }
}

ᴛᴏ ᴛʜɪꜱ

tooltips: {
   callbacks: {
      afterBody: function(t, d) {
         return 'margin ' + margin[t[0].index];
      }
   }
}