setFilter() promise doesn't wait for chart to update

[NGPixel]

Describe the bug
When calling setFilter() on an existing chart, the returned promise completes immediately instead of waiting for the chart to actually update.

This makes it impossible to show a loading message to the user while the chart is updating. The chart just stays in its current state until the new data is loaded, which is very confusing to the user as it can take several seconds to do so depending on the chart/filters.

To Reproduce
Steps to reproduce the behavior:

1. Create a chart and call render()
2. Set new filters on the existing chart using setFilter()
3. Promise returns right away even though the chart hasn't updated yet.

Expected behavior
The promise should wait for the chart to be updated before succeeding.

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Chrome
• Version: 94

SDK Version
2.1.0

[khanguslee]

Thank you for raising this issue with us @NGPixel. The team has been notified about this problem and we have created an internal ticket to resolve this.

[imaireaux]

I have another question related to this issue.
I'm trying to use chart.getData(), and it works. But I don't know when to call it.
Typically I want to do something like this

chart
      .setFilter(customFilter)
      .then(() => { chart.getData() })

Here it always return the previous filter data.
Is there any way to have a callback triggered when the chart is loaded and we can fetch data ?

Note : I guess that the same is true with chart.render

[khanguslee]

@imaireaux Thanks for raising this issue. It looks like I can replicate it in the code sandbox example by selecting a country filter and then quickly clicking on 'Get Chart Data'.

I'll go back to the team and bring this issue up.