'Can't hide serie if using boost mode with firefox

I am having trouble hidding series using boost mode with firefox, hiding the series doesn't work.

Here is a jsfiddle to test https://jsfiddle.net/q3us4m0w/, it works with Chrome but not Firefox

Here I hide all series except one all is working properly : Here I hide all series except one

Now I click to show another serie, it works : Now I click to show another serie

And now I want to hide the serie I just show and it doesn't work : And now I want to hide the serie I just show and it doesn't work

The serie Onduleur 11 is still visible but there is no tooltip which seems normal because we ask to not showing the serie.

When I click on a serie I hide all series using mySerie.setVisible(true or false,false); And then I redraw the chart using mychart.redraw().

Why does it work with Chrome and not Firefox ? I have 0 error or warning in the js console I don't know what is going on ..

Here I hide all series and they are still displayed, there is no tooltip and also no Y legend which seems logic because all series are set not visibled

enter image description here

I have the same behavior if I set serie.setVisible(false,false) manually all series and chart.redraw() so i don't think the problem is with my implementation.

I am using the last version v10.0.0, I also tried with the v9

I found something strange in the html there is many <image class="highcharts-boost-canvas"> in the <g class="highcharts-series-group">

One with the previous display and another with the current display

the href of the previous display is empty but still visible.

enter image description here

If I remove the empty href <image> it works

enter image description here

Deleting images with empty href is not correct but I found a work around by setting display:none and revert the property on these images to refresh them



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source