I have a simple carousel with 3 columns with 3 separate charts. Each chart calls it’s own webix.ajax().post() method and parses the data for each chart. I’m getting blank charts when the ajax fires. It works fine without a carousel. So my question is, what is the best practice for using an ajax api call when using a carousel?
The ajax API must work equally for any state of the app.
The issue can be caused by charts, which will not render self while in hidden state, but must repaint self when the related part of carousel become visible.
Can you share a demo link or a snippet where the issue can be reconstructed?
Here’s the jist:
https://snippet.webix.com/cm67odhr
I used the on Load event, for each chart, but it never fired the load_tables(x) event reliably. I just couldn’t trigger the load_tables function.
Double-check the data retrieved by ajax calls
The same code works when I’m using static data.
https://snippet.webix.com/nxodmga2
the ajax calls work as I have them working on another page. But in the snippet you showed, the carousel is not functioning. I only see one chart and not the other. Am I missing something?
Check the updated snippet https://snippet.webix.com/p0fllgaa
weird, suddenly my old code started working without changing anything. Is it possible to add a template along with a chart inside a carousel item?
works beautifully! Thanks maksim!