#1705·nvd3

tooltip is not hidding

Author: wirelessmundiCreated Jun 28, 2016Updated Aug 8, 2021

LabelsPending

with master or 1.8.3 version tooltip os not hidding when the mouse leaves the graph area, so multiple tooltips are shown in the graph area.

tooltip-issue

before i had version 1.8.1 and its fine.

The code is quite basic:

d3.json(jsonurldata, function(error, data) {
    if (error) return console.warn(error);

    if (!data.timeformat) timeformat = '%x';
    else timeformat = data.timeformat;

    nv.addGraph(function() {
        var chart = nv.models.stackedAreaChart()
            .margin({'right': 50, 'bottom': 30})
            .xScale(d3.time.scale())
            .useInteractiveGuideline(true)
            .showControls(false)
            .clipEdge(true);

        if (color) chart.color(color);

        // x time scale
        chart.xAxis.scale(d3.time.scale());
        chart.xAxis.tickFormat(function(d) { 
            return d3.time.format(timeformat)(new Date(d)) 
        });
        chart.interactiveLayer.tooltip.headerFormatter(function (d) { return d; });
        chart.xAxis.ticks(5);
        chart.yAxis.tickFormat(d3.format(',.2f'));

        d3.select(container)
            .datum(data.series)
            .transition().duration(1200)
            .call(chart);

        nv.utils.windowResize(chart.update);
        return chart;
    });
});

Is there any new parameter that i should use instead?

EDIT: this issue is only present in firefox (tested with version 47.0) using linux. Not really sure what could be different..

Thanks.

Source: novus/nvd3

View original on GitHub View discussion on GitHub