jquery - 如何在Chart.js中循环工具提示其他数据

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

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

喜欢：

1号刀头保证金12％

第二个刀尖保证金5％

在第3个刀尖上的余量为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);
        }
    });
});

现在，我只想为每个工具提示分别显示这些保证金百分比数据。请建议我，我要去哪里错了？提前致谢 ：）

最佳答案

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

ꜰʀᴏᴍᴛʜɪꜱ

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

ᴛᴏᴛʜɪꜱ

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