带HTML链接的nvd3工具提示？

Question

如何自定义工具提示以在其上创建链接？ 显然，此链接应该是可点击的。我已经做过像

这样的事了

  chart.tooltip.contentGenerator(function (d){
          var html = '<h3>' + d.value + '</h3>' +
          ' <a href="http://www.w3schools.com/html/">LINK</a>'+ d.point.x;
          return html;
        });

但没有，我无法点击链接。此外，我正在努力工具提示的位置，因为我不知道如何解决这个问题。

由于

Answer 1

在工具提示的CSS中似乎nvd3设置WITH，这会禁用链接事件。您可以尝试覆盖.nvtooltip类的此属性或添加您自己的属性，即

pointer-events: none

您可以使用chart.tooltip.classes('myclass'); .nvtooltip.myclass { pointer-events: auto; } 将工具提示放在任何位置。