Question

有没有办法将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>"

  });

应该显示给出的正确答案的百分比。最后一个跨度应该显示＆＃34;正确解决＆＃34;用不同的语言。

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

如果我切换语言，我会看到翻译被插入到chrome检查器中。但是当我将鼠标悬停在栏上时，它会被覆盖（＆＃34;空＆＃34;跨度）并再次为空白。

我该如何解决这个问题？

谢谢：）

Answer 1

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

您在工具提示中插入的html内容可能有问题。删除i18n时它是否有效？

用i18next翻译d3工具提示

1 个答案: