problem with legend and series after using method hideSeries or toggleSeries

[DmitriyNikolaevich]

Hello everyone!
I have 6 series, i hided last 4 series using these methods.
When i toggle back any of hidden series at first time all is fine, but i can saw only one series and only once.




If i hide all series on the chart and start toggle back to visible from series that was hidden by methods legends are going hide at all.

Here is chart options:
{
"colors": [
"#00226D",
"#229A16",
"#2CD9C5",
"#029DC4",
"#CF2A41",
"#FFC107",
"#FFEF5A",
"#83CFFF",
"#9E86FF",
"#60F1C8",
"#FF8F6D",
"#FFF7AE",
"#A5F3FF",
"#D0AEFF",
"#A4F7CC",
"#FFBD98",
"#FFF3D6",
"#CCFAFF",
"#F7D2FF",
"#C0F2DC",
"#FFF2D4"
],
"chart": {
"toolbar": {
"show": false
},
"zoom": {
"enabled": false
},
"foreColor": "#919EAB",
"fontFamily": "'Lato', sans-serif",
"id": "funnelConversionRateTrand",
"events": {}
},
"states": {
"hover": {
"filter": {
"type": "lighten",
"value": 0.04
}
},
"active": {
"filter": {
"type": "darken",
"value": 0.88
}
}
},
"fill": {
"opacity": 1,
"gradient": {
"type": "vertical",
"shadeIntensity": 0,
"opacityFrom": 0.4,
"opacityTo": 0,
"stops": [
0,
100
]
}
},
"dataLabels": {
"enabled": false
},
"stroke": {
"width": 3,
"curve": "smooth",
"lineCap": "round"
},
"grid": {
"strokeDashArray": 3,
"borderColor": "rgba(145, 158, 171, 0.24)",
"xaxis": {
"lines": {
"show": false
}
}
},
"xaxis": {
"axisBorder": {
"show": false
},
"axisTicks": {
"show": false
},
"categories": [],
"tooltip": {
"enabled": false
},
"type": "numeric",
"labels": {},
"tickAmount": "dataPoints"
},
"markers": {
"size": 0,
"strokeColors": "#fff"
},
"tooltip": {
"x": {
"show": false
},
"enabled": true
},
"legend": {
"show": true,
"fontSize": "13",
"position": "top",
"horizontalAlign": "left",
"markers": {
"radius": 12
},
"fontWeight": 500,
"itemMargin": {
"horizontal": 5,
"vertical": 9
},
"labels": {
"colors": "#212B36"
},
"showForNullSeries": true,
"showForZeroSeries": true
},
"plotOptions": {
"bar": {
"columnWidth": "28%",
"borderRadius": 4
},
"pie": {
"donut": {
"labels": {
"show": true,
"value": {
"offsetY": 8,
"color": "#212B36",
"fontSize": "1.5rem",
"fontWeight": 400,
"lineHeight": 1.5
},
"total": {
"show": true,
"label": "Total",
"color": "#637381",
"fontSize": "0.875rem",
"fontWeight": 600,
"lineHeight": 1.5714285714285714
}
}
}
},
"radialBar": {
"track": {
"strokeWidth": "100%",
"background": "rgba(145, 158, 171, 0.16)"
},
"dataLabels": {
"value": {
"offsetY": 8,
"color": "#212B36",
"fontSize": "1.5rem",
"fontWeight": 400,
"lineHeight": 1.5
},
"total": {
"show": true,
"label": "Total",
"color": "#637381",
"fontSize": "0.875rem",
"fontWeight": 600,
"lineHeight": 1.5714285714285714
}
}
},
"radar": {
"polygons": {
"fill": {
"colors": [
"transparent"
]
},
"strokeColors": "rgba(145, 158, 171, 0.24)",
"connectorColors": "rgba(145, 158, 171, 0.24)"
}
},
"polarArea": {
"rings": {
"strokeColor": "rgba(145, 158, 171, 0.24)"
},
"spokes": {
"connectorColors": "rgba(145, 158, 171, 0.24)"
}
}
},
"responsive": [
{
"breakpoint": 600,
"options": {
"plotOptions": {
"bar": {
"columnWidth": "40%"
}
}
}
},
{
"breakpoint": 900,
"options": {
"plotOptions": {
"bar": {
"columnWidth": "32%"
}
}
}
}
],
"noData": {
"text": "NoData",
"align": "center",
"verticalAlign": "middle",
"offsetX": 0,
"offsetY": 0,
"style": {
"fontSize": "14px"
}
},
"yaxis": {
"labels": {}
}
}

Please help me!