如何使用nvd3工具提示向工具提示添加“箭头”

Question

有什么办法可以像引导程​​序那样在nv.tooltip悬停旁边添加一个箭头？

例如：Bootstrap工具提示/弹出框

nvd3工具提示：

Answer 1

您可以使用.nvtooltip:before并使用CSS制作一个三角形。 在这里检查

您可以在此处查看演示。 在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;
 }