javascript - Chartjs更新点标题

我正在尝试更新我制作的图表上的点的标题，它可以很好地进行更新，但是当我添加一个点时，它会照常更新。

添加的第一个点将被称为“点1”，第二个点将根据需要被命名为“点2”，但随后也将点1命名为点2，因此当我添加5个点时，所有点将被读为点5，有没有解决的办法？

任何帮助，将不胜感激。

用JavaScript编写。

tooltips:{
    callbacks: {
        title: function (){
            return Name();
        }, label: function(tooltipItem, data){
                return tooltipItem.xLabel + ": " + tooltipItem.yLabel;
        }
    },
}


function Name(){
    return "Point " + i;
}

最佳答案

如果我理解正确，则希望工具提示的title在图表中反映index的x轴data，在这种情况下，您可以这样操作：

tooltips: {
        callbacks: {
            title: function (tooltipItems) {
                return "Point " + (tooltipItems[0].index + 1);
            }
        }
    }

因为在回调中为title()提供的参数之一是应该显示的工具提示数组，所以您可以找出索引是什么并添加1，以反映其位置。这样，您还可以报废Name()和i变量。

但是请记住，这反映了x轴上的位置，这意味着，如果在x轴上的同一位置上有多个点，则它们都将具有相同的标题。