Comments (3)
Discovered it can be fixed by adding [] around series in donut chart options. However, why does HMR make it work, if the series was the wrong structure? That's quite odd. Also there is no error message at all about the problem, took about a day to discover.
from highcharts-react.
Hello menasheh,
Thanks for contacting us!
In general, defininig series as an array of objects is the only supported way to create a chart, and you should stick to that. The reason for this is that you can create many series. Feel free to explore the series as a definition and in our API.
I debugged your code, and it seems the rerender causes the correct chart's load. I think the reason for this behavior is that on the first render, the chart instance is created, and Highcharts handles the incorrect series format, but the chart isn't rendered at some point. Then, having the correctly formatted data, the chart is rendered after the rerender occurs.
I agree that if there's any error, the information should be returned to avoid misleading. Therefore, it would be reasonable to add such a statement, and feel free to report it here. Note that the error handling functionality currently exists, and you can test it, e.g., by defining a wrong series type.
Kind Regards!
from highcharts-react.
Closed due to inactivity.
from highcharts-react.
Related Issues (20)
- Tooltip is going under axis-component HOT 8
- Chart values and options doesn't trigger re-render HOT 2
- Zones rendering issue after updating to [email protected] HOT 5
- Issue whille integrating packedbubble in react-highcharts HOT 15
- TypeError: Cannot read properties of undefined (reading 'length') HOT 1
- Plotbands added via API are not added to plotOptions HOT 2
- Next.js 14.1.0 Cannot read properties of undefined (reading 'document') HOT 2
- Add a react ref to each point HOT 4
- chart.update() refression with yAxis behavior HOT 23
- Unexpected series order when adding linkedTo series HOT 2
- Cannot read properties of undefined (reading 'forEach') HOT 4
- Server side rendering of React components HOT 2
- Issue with borderRadius object HOT 1
- i am unable to draw a Polar (Radar) chart HOT 2
- Is this the correct way to use the Boost module to improve performance? HOT 3
- Updating a column chart's series data with dataSorting: enabled causes a crash HOT 2
- Bar Chart Rendering is different if I use boost HOT 4
- Leaving the page with a highstock chart in it throws multiple console errors despite chart doing its job HOT 4
- Issue: Component Getting Unmounted from DOM When Using Scroll HOT 4
- Issue: Inconsistent Space Between Axis and Scroll Bar When Scrolling and Zooming in Chart HOT 3
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 highcharts-react.