用i18next翻译d3工具提示

translating a d3 tooltip with i18next

本文关键字：工具提示 d3 翻译 i18next      更新时间：2023-09-26

有办法将data-i18n属性应用于d3工具提示吗？或者，换一种说法：这是一种让它发挥作用的方法吗？

我有一个工具提示：

var tip = d3.tip()
  .attr("class", "tip")
  .offset([-10,50])
  .html(function(d) {
    return "<span>" + d.amountCorrect + "/"
      + d.amountTaken
      + " ("
      + Math.floor((d.amountCorrect/d.amountTaken) * 100)
      + "%)</span>"
      + "<span data-i18n='markup.correct'></span>"
  });

它应该显示给出的正确答案的百分比。最后一个跨度应该在不同的语言中显示"已正确解决"。

但它不起作用。它根本没有显示出来。

如果我切换语言，我会看到翻译插入chrome检查器中。但是，只要我把鼠标悬停在条形图上，它就会被覆盖（用"空"的跨度），并且再次为空。

我该如何解决这个问题？

谢谢：）

悬停时工具提示的确切内容是什么？

您在工具提示中插入的html内容可能有问题。当您移除i18n时，它能工作吗？

相关文章：