How to add an 'arrow' to the tooltip using the nvd3 tooltip

Question

Is there any way I can add an arrow next to the nv.tooltip hover like the way the bootstrap has??

Eg: Bootstrap tooltip/popover

nvd3 tooltip:

Answer 1

You can use .nvtooltip:before and make a triangle using CSS. Check here

You can check demo here . Add the below styles in the CSS tab.

 .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;
 }