Hide all series

Is your feature request related to a problem? Please describe. I’d like to hide a bunch of series by their seriesName, however, the following technique has a slow execution: ["Series1", "Series2", "Series3"].forEach((series) => chart.hideSeries(series));

probably because it calls the this.ctx.update() method everytime.

Describe the solution you’d like I’d like to use a method called hideAllSeries(seriesArray), or an update of the current hideSeries, that takes an array of possible series currently rendered, and hide them programmatically.

Describe alternatives you’ve considered None.

Additional context None.

[ericlighthofmann]

Seconding this. I have a chart with about 10 series and I would like to have one visible on page load. Looping through and calling hideSeries on each one causes my page load to take about 5 times longer with chart animations and annotations turned off.

[wederfabricio]

Hey guys! I got a workaround to this. In my case, works perfectly.

Before run a bunch of hideSeries or showSeries calls, you can do:

events: {
    legendClick: (chartContext, seriesIndex, config) => {
      const update = chartContext.update
      chartContext.update = () => {}

      // Your logic to show or hide a bunch of hide/showSeries

      chartContext.update = update
      chartContext.update()
    });
}

This will copy original update() function from Chart and replace for an empty arrow function temporarily. After execute your changes, you can restore and call original update() to see your changes.