如何添加箭头'使用nvd3工具提示到工具提示

时间:2014-12-18 06:29:43

标签: javascript twitter-bootstrap nvd3.js

有没有办法可以在nv.tooltip旁边添加一个箭头,就像引导程序的方式一样?

例如:Bootstrap工具提示/ popover

enter image description here

nvd3工具提示:

enter image description here

1 个答案:

答案 0 :(得分:1)

您可以使用.nvtooltip:before并使用CSS制作三角形。 Check here

您可以查看演示here。在CSS选项卡中添加以下样式。

 .nvtooltip:before { 
    content: "";
    display: block;
    width: 0; 
    height: 0; 
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #d1d1d1; 
    position: absolute;
    top: 16px;
    left: -12px;
 }