vendredi 8 avril 2016

nvd3 pie chart not hiding tooltip on toucmove

I have created pie chart using nvd3. On mobile devices when we touch the slice of pie chart tooltip is gets shown and when we do touch outside of that slice tooltip gets hidden.

Issue is when I start scrolling that is touchmove event the tooltip does not hide.

I tried to hide the tooltip using.

$(window).on('touchmove.nv-chart', () => {
        $('.nvtooltip').css({
            'opacity': 0
        });
        d3.selectAll('.hover').classed("hover", false);
});

Which works perfect. But it does not resize the slice to original state.

enter image description here

before sowing toolitp

enter image description here

After showing tooltip see the slice size is slightly increased.




Aucun commentaire:

Enregistrer un commentaire