Is there a way to detect when a chart is loading ? I do have a very simple chart above the fold that takes several seconds to show up. I would like to show a loading icon until the chart is visibile. I remember doing this with RG, but apparently this is not the case with charts. Anybody knows how to…

Yes the chart element loads instantly, but it is the searching for data that takes time. I have created a test app where you can see that how my way could work. (Notice the condition on the chart and spinner element) I also struggled some time ago with this problem, but there is definitely a soluti…

Hi there, @stefanof … you can use a workflow step to show the icon, and that step would have an Only when condition that uses either one of these options… [page] Hope this helps. Best… Mike

Thank you @mikeloc for your suggestion. But I already have a spinner on page loading (above the fold). That fact is that the chart is slower the page load and I would like to detect only its visibility. Here is what happens when I reload the page … [ezgif.com-optimize]

Ah, okay… my apologies, @stefanof … I misunderstood your post and didn’t know you already have the icon in place. I can’t imagine this would do it, but what happens if instead of using the above the fold option for the spinner, you change it to the Page loaded (entire) option? I’m guessing you prob…

Read through this thread for possible solutions: [image] Page and all elements completely loaded Question One thing about Bubble that has been bothering me pretty much from the start, and that I haven’t found a way around is that when Bubble reports that the page is fully…

Very interesting thread @meyerhd2 ! Thank a lot. But it’s too technical for me. I am just a no-coder and I always expect that Bubble solves this kind of issues (maybe @emmanuel will add this feature in the road map). As far as I am concerned there is no viable solution. What I will do is to add a “a…

This is one of those challenges that all web-based apps would have to some degree, not just bubble: determining when the browser has finished rendered the page. Each browser will perform differently, think chrome on an old android phone vs chrome on a powerful desktop. It is device-dependent. Your …

Most of the time it is the searching/grouping of data that takes the most time when plotting a graph. You can give your spinner the following condition to make it visible (you should use the condition tab): When ‘page loaded (entire) is yes’ and ‘do a search for count > 0’. The ‘do a search’ condi…

Thanks again for your tips, but the issue is not about detecting when chart or data are loaded. It is only about the timing of chart visibility on screen. I have already tried what @Thimo suggested but no result. Then I made a simple and stupid test. Since I do not know how to detect the chart visib…

Hi @Thimo , create a test app was really nice :smile: Thank you ! Looking at your example I started thinking at the data structure into the query. First of all I was not grouping thinking that the query was easiest (erroneously) and then my “sort by date” was a little overcomplicated (looking to a …

That looks great…as good or better than a ‘coded’ page! Thanks for posting the final result, by the way. It really helps when people visit the thread looking for help with similar issues.

How to detect when chart is loading?

Need help

meyerhd2 March 15, 2020, 11:53am 5

Read through this thread for possible solutions:

Topic		Replies	Views
Page loading workflow or action Need help	5	1153	April 2, 2020
How to prevent the user from interacting until the page is fully loaded Need help	2	813	April 28, 2016
Page and all elements completely loaded Questions	25	13239	December 28, 2023
Monitoring when the new table element is fully loaded? Need help	9	1502	September 29, 2023
How to display a loader when a page is loading Need help	4	5793	November 27, 2022

How to detect when chart is loading?

Related topics