如何使用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;
 }