Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带HTML链接的nvd3工具提示?_Javascript_Nvd3.js - Fatal编程技术网

Javascript 带HTML链接的nvd3工具提示?

Javascript 带HTML链接的nvd3工具提示?,javascript,nvd3.js,Javascript,Nvd3.js,如何自定义工具提示以在其上创建链接? 显然,这个链接应该是可点击的。我已经做过类似的事情了 chart.tooltip.contentGenerator(function (d){ var html = '<h3>' + d.value + '</h3>' + ' <a href="http://www.w3schools.com/html/">LINK</a>'+ d.point.x;

如何自定义工具提示以在其上创建链接? 显然,这个链接应该是可点击的。我已经做过类似的事情了

  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;
        });
chart.tooltip.contentGenerator(函数(d){
var html=''+d.value+''+
''+d.point.x;
返回html;
});
但是没什么,我不能点击链接。此外,我还在为刀尖的位置而挣扎,因为我不知道如何修复它


感谢

对于工具提示,nvd3似乎会在CSS中设置
指针事件:无
,从而禁用链接事件。您可以尝试为.nvtooltip类重写此属性或添加自己的属性,即

chart.tooltip.classes('myclass');

.nvtooltip.myclass {
    pointer-events: auto;
}
您可以使用
chart.tooltip.position({top:100,left:100})()
将工具提示放置在任何需要的位置