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反映图表中index的x轴data，在这种情况下，您可以执行此操作像这样：

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

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

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

Chartjs更新点标题

1 个答案: