如何在 NVD3 工具提示中放置可点击的 link?
How can I put a clickable link in an NVD3 tooltip?
默认情况下,NVD3 工具提示会在您将鼠标移开 工具提示关联的点 时消失。我的规范要求在工具提示中有一个可点击的 link,所以我需要工具提示在用户鼠标通过它时保持可见,并且只有在鼠标移开时才消失 工具提示 ,而不是基础点。
我该怎么做?我见过的例子涉及使用 d3 制作自定义工具提示,我正在尝试尽可能使用 NVD3 的东西。
附加信息:为了支持 ie9,我使用 NVD3-1.2.1
。
注:nvd3 1.8.1
嗨,
我正在使用 angular-nvd3,我想让工具提示可以点击,因为我需要在上面添加一个 link。无论如何,我正在为此苦苦挣扎,所以我查看了来源。然后,我注意到唯一和最少的方法是删除或注释 nv.1.8.1.d3.css
中的第 520 行
/*pointer-events: none;*/
最后,您的工具提示中将有一个可点击的 link。我附加了一个 plunkr,因为我认为这对每个想要获得此功能的人都有用
http://embed.plnkr.co/n9QWBNHRDVEt4tuQh1fO
再见
默认情况下,NVD3 工具提示会在您将鼠标移开 工具提示关联的点 时消失。我的规范要求在工具提示中有一个可点击的 link,所以我需要工具提示在用户鼠标通过它时保持可见,并且只有在鼠标移开时才消失 工具提示 ,而不是基础点。
我该怎么做?我见过的例子涉及使用 d3 制作自定义工具提示,我正在尝试尽可能使用 NVD3 的东西。
附加信息:为了支持 ie9,我使用 NVD3-1.2.1
。
注:nvd3 1.8.1
嗨,
我正在使用 angular-nvd3,我想让工具提示可以点击,因为我需要在上面添加一个 link。无论如何,我正在为此苦苦挣扎,所以我查看了来源。然后,我注意到唯一和最少的方法是删除或注释 nv.1.8.1.d3.css
中的第 520 行/*pointer-events: none;*/
最后,您的工具提示中将有一个可点击的 link。我附加了一个 plunkr,因为我认为这对每个想要获得此功能的人都有用
http://embed.plnkr.co/n9QWBNHRDVEt4tuQh1fO
再见