question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Chart ready output event

See original GitHub issue

I’m submitting a … (check one with “x”)

[ ] bug report => search github for a similar issue or PR before submitting
[x] feature request
[ ] support request => Please do not submit support request here

Current behavior

we are have dashboard kind of UI and we have multiple charts (minimum 20) on a single page. i need to show a loading indicator whenever a chart gets completely rendered. currently i am showing loader before api call and binding charts data to it and hiding loader Whenever dashboard page renders all charts there is a flickering for all charts Expected behavior

after binding data to charts instead of hiding loader inside http callback i can disable it inside chart ready event. Reproduction of the problem

What is the motivation / use case for changing the behavior?

i am showing loader before chart loads. Also i am assuming chart animation will be triggered after chart ready triggered, so the flow in my case will be show loading before calling api > inside chart ready event hide loading > chart animation will get triggered i think it will improve performance atleast in my case Please correct me if i am wrong

Please tell us about your environment:

  • ngx-charts version: 5.3.1
  • Angular version: 4.1.3
  • Browser: Chrome 59 | IE 11
  • Language: TypeScript 2.2.0

Issue Analytics

  • State:open
  • Created 6 years ago
  • Reactions:23
  • Comments:15

github_iconTop GitHub Comments

2reactions
rojasjandro89commented, Oct 9, 2017

Unbelievable no one else has needed this feature before…

0reactions
arnotixecommented, Mar 6, 2022

In my case, I subscribe for data and then set it. But in some cases, the data loads too quickly and it is set before the chart exists/is ready.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Google Charts: How to trigger 2 'ready' event handling ...
I am using Google charts for plotting line graph ...
Read more >
Event handlers in JavaScript
Plotly graphs emit events prefixed with plotly_ (i.e. 'plotly_click' , 'plotly_hover' , 'plotly_relayout' ) when interacted with (clicked, hovered, zoomed).
Read more >
Handling Events | Charts
Most charts are rendered asynchronously; all Google charts throw a ready event after you call draw() on them, indicating that the chart is...
Read more >
Various Events
FusionCharts exposes various events throughout the lifetime of a chart. ... One advantage that the ready function has over the ready event is...
Read more >
Construct and Run a Stateflow Chart - MATLAB & Simulink
To model conditional, event-based, and time-based logic for periodic or ... Your chart is now ready for simulation in Simulink or execution in...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found