rlaragon
Posts: 1
Joined: Wed Jan 19, 2022 5:15 pm

Hidding series in legend doesn't work in FireFox

Hi, this is my fist topic and I'm few time working with Higcharts.

I've got a scatter plot with 4 series and I try to hide three of them in legend.
For series I want to hide in legend I use

Code: Select all

 "name": "",
     "color": "rgba(47, 159, 174, .81)",
     "showInLegend": false,
     "data": [ ... ]
That works fine in Chrome but not in FireFox (96.0.1)

For legend I used

Code: Select all

 legend: {
            layout: 'horizontal',
            align: 'left',
            verticalAlign: 'bottom',
            floating: false,
            backgroundColor: 'rgba(255,255,255,0.3)',
            borderWidth: 0,
            enabled: true
          },
All the code is in https://codepen.io/rlaragon/pen/abLrWEP and works fine.

Is there any thing to get FireFox render it fine?
Thanks.
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: Hidding series in legend doesn't work in FireFox

Hi rlaragon,

Welcome to our forum and thanks for contacting us with your question!

I have updated my FireFox to 96.0.1 to see if the issue occurs, but everything works fine, only Shanghái Top 500 series is shown in legend. The issue is quite hard to recreate for me. Could you provide me with a short gif / video showing that problem?

Regards!
Mateusz Bernacik
Highcharts Developer

Return to “Highcharts Usage”