Multiple Google Charts within React components silently failing.

[Hugh Sheehy]

Hi,

we're having an issue where google charts won't all render on a page when that page has more than one component with a google chart in it. 

We've got the load function for the Google charts in the html so it's only being called once. And we've tried to put a delay on some of the charts so that they render one at a time. Nothing works. Just silently doesn't render. 

If we remove the first chart, the second chart renders fine. If we put the first chart back, the second one just silently fails. We can see that the divs are all there, but when they come back onto the main page the google chart that should be in them isn't in them. 

H

[Daniel LaLiberte]

Make sure you use unique ids for the divs, and unique names for your functions.  Check out this page on how to display multiple charts on a page: https://developers.google.com/chart/interactive/docs/basic_multiple_charts

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsub...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/04f766c4-c010-43d8-a38a-b8b18f08e1f6%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte

dlaliberte@Google.com   5CC, Cambridge MA