could not reproduce in given codepen.io link

I can reproduce it. Important is using the dataslider as described in the "steps to reproduce". Even if all series are hidden from the legend, there remain some lines on the screen.

any progress on this bug?

with 10,000+ data points, 5 zooms and additional controls like moveOnMouseMove, moveOnMouseWheel, zoomOnMouseWheel - no wonder there are problems. This is not a Minimal Reproduction and chances of some volunteer debugging it are very slim.

I have created a minimal reproduction sample here https://codepen.io/Suraj-Singhvi/pen/eYXJwXM

the weird part is it works fine when the datapoints for each series is around 1450 but fails for 1500+ points.

Try to tweak the numbers in the example shared

Thanks for this minimal reproduction. Indeed weird behavior and definitely a bug imho.

I played around with the minimal a little bit and realized that the bug does not occure if the dataZoom.filterMode is not set to none . However, this should be a valid setting to avoid "empty" charts when zooming in and having the points of the zoom range.

I tried again by removing the dataZoom.filterMode but the problem still persist if the number of datapoints are more.

One possible solution would be to have option in the legend to have at least legend avaiable for selection as selecting all the legend would result in showing no series which i dont think is desirable.
Having option like selectedMode: custom and user can define how much selection they want to provide

I solved it with below solution

onLegendSelectChanged(event: any): void {
   const selectedLegendCount = Object.values(event.selected).filter(
     (value) => value,
   ).length;

   // Prevent further legend selection
   if (selectedLegendCount === 0) {  
    // get the eChartInstance
       eChartInstance.dispatchAction({
         type: 'legendSelect', // keep the legend selection
         name: event.name,
       });
   }
 }