Comments (11)
<div>
<div id='project-margins'>
{options.map(option =>
<Chart
chartType = 'ColumnChart'
data ={data}
options={option}
graph_id = 'ColumnChart'
width={'100%'}
height={'400px'}
/>
)}
</div>
</div>
from react-google-charts.
Hey,
It looks like you're using the same graph_id for the generated graphs.
Either use different ids for each or don't set one and it will
automatically generate graph_ids for you .
Hope that helps,
Cheers !
On Tue, 21 Jun 2016 at 20:59 willyyang [email protected] wrote:
{graphs.map(graph => )}</div>
—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
#54 (comment),
or mute the thread
https://github.com/notifications/unsubscribe/ABNkfTzeqUaKK-Fdb8YHNtj0mY2wofL9ks5qOCaDgaJpZM4I7AS4
.
from react-google-charts.
Doh. Thanks dude!
from react-google-charts.
You're welcome :)
from react-google-charts.
I'm having the same issue even if I'm using a unique id for each graph or if I'm letting it generate the id itself. The version I'm using is 2.0.29.
from react-google-charts.
Hey @anylyne,
Can you try updating to >=3.0
npm i react-google-charts@latest
and try again ?
Cheers !
from react-google-charts.
Thank you for your answer, @rakannimer!
I can't update because my project is using react 15.3.2. Is there any other option in this case?
Best,
Carol.
from react-google-charts.
@rakannimer More information about this issue in my environment:
- It is working properly in my local. I mean all four graphs are loading simultaneously.
- On staging, some of them renders and some not randomly.
from react-google-charts.
Hi @rakannimer,
I am also in the same boat as @anylyne - one chart renders while the others are stuck. However, when I navigate away and then back again, all charts render properly. I also can't update because my project uses React 15.6.2. Is there any other option besides updating >=3.0? Thanks!
from react-google-charts.
Hey @anylyne & @RachelMcNeely ,
It would be very helpful if you can create a sandbox that reproduces the problem and I can try to help debug there ?
Cheers !
from react-google-charts.
Hello, I'm also having same issue with this one. I want to render 3 charts, but it only renders 1 chart successfully while the other stuck at loading.
The version I'm using is 2.0.29 for react-google-charts and 15.3.1 for react.
from react-google-charts.
Related Issues (20)
- Add support for Marker GeoCharts and ISO-3166:2 district codes
- Options are not documented
- Allow to close tooltips programmatically
- Storage size formats
- [Bug]: addOneTimeListener this doesn't seem to be supported?
- [Bug]: Can't seem to get MutationObserver to work inside an event, but it works with the underlying library
- [Bug]: Bar Chart (and Other?) Examples Broken
- [Bug]: No Material UI Support?
- [Bug]: Scatter chart options not recognized (Material)
- Remove deprecated dependency react-scripts
- [Bug]: Diff tooltips prefix option
- [Bug]: Stacked Column Chart - Show Annotation on Bars HOT 1
- [Bug]: ReferenceError: Property 'document' doesn't exist
- [Bug]: sort and page events are not working with Table chart HOT 1
- [Bug]: Geo chart (maybe other) doesn't respect React@18 StrictMode
- [Bug]: Select event is not working in strict mode. HOT 1
- [Bug]: loadingStatus state for react-google-charts is set as loading permanantly HOT 5
- [Bug]: Org Chart does not render label on top node HOT 1
- [Bug]: Charts with spreadsheets does not work
- [Bug]: can't only show lable in tooltip
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-google-charts.