javascript - Chartjs 更新点标题

Question

我正在尝试更新我制作的图表上一个点的标题，它更新得很好，但是当我添加一个点时它会如此。

添加的第一个点将称为“点 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; 
} 

Answer 1

如果我的理解正确，您希望工具提示的 title 反射(reflect) data 中的 x 轴 index图表，在这种情况下，您可以这样做:

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

因为在回调中给 title() 的参数之一是应该显示的工具提示数组，你可以找出索引是什么并加 1，这将反射(reflect)它的位置.这样您还可以废弃 Name() 和 i 变量。

但请记住，这反射(reflect)了 x 轴上的位置，这意味着如果您在 x 轴上的同一位置有多个点，那么它们将具有相同的标题。