Comments (5)
Hi @mledwards, would you mind putting together e repro?
from react-minimal-pie-chart.
Hi @toomuchdesign, thank you for taking a look.
Here's the repo: https://github.com/mledwards/react-minimal-pie-chart-example-in-next
This should replicate the issue above in the console every time you refresh the index page (SSR).
My best guess is that the way server side JS calculates float numbers is slightly different to the way client side JS calculates them, and after 15 decimals points it deviates.
Maybe the decimal place could be capped at 15 points so both the server and the client return the same number? Not sure if this would have any adverse affects on the rendering?
from react-minimal-pie-chart.
Thanks @mledwards! What browsers/OS you're experiencing this issue with? Can you reproduce consistently on different browsers?
from react-minimal-pie-chart.
I assume it's an issue about how different JS engines handle float numbers. V8 seems to work consistently across Node and Chromium/Blink browsers. Not totally sure we should address this in user land, but It let's discuss possible solutions/workaround.
The glitch here is that non-Chromium/blink users might perform and extra render loop after mount which I'd be glad to avoid.
from react-minimal-pie-chart.
I'm on a Mac and can see it on Firefox and Safari, but not on Chrome and Edge. Sorry, I should have mentioned that in the original message.
Maybe I'll try and suppress that Next.JS warning.
from react-minimal-pie-chart.
Related Issues (20)
- Not possible to render content inside chart on 8.0 HOT 1
- Dependency Dashboard
- Custom SVG label is rendered on same position HOT 3
- Side parts of Dognut chart are squashed HOT 1
- Not able to add multiline text with different format in central of pie/donut HOT 1
- Edges are getting cut on hover, when we render Doughnut chart HOT 1
- Expose the Typescript Types 🙏 HOT 7
- Hide tooltip HOT 3
- Feature OnMouseOver or specific classname when it is selected HOT 2
- Svg is filling all the space and truncate when becomes larger HOT 1
- How to style labels ? HOT 2
- Update React dev dependencies to v18 HOT 1
- Label font color not changing HOT 1
- Segment Border HOT 1
- Segment custom attributes for event handling HOT 1
- Are there any ways to set the same distance/padding between slices HOT 1
- Make labelPosition support segmentIndex callback function HOT 1
- PieChart component rendering error ExceptionsManager Error: Text strings must be rendered within a <Text> component. HOT 1
- Implementation Question HOT 1
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-minimal-pie-chart.