Comments (4)
Hi @andrasferenczi,
It can be related with non floated objects (float:left;
). Anyway it is difficult to predict, cause I do not have an access to live demo.
Im closing this ticket, cause its related with CSS not HC.
from highcharts-react.
Hi @andrasferenczi,
The problem can be also related with CSS styles. Have you tried to set width:100% in chart's container div?
from highcharts-react.
You could get chart
(on which you could later call chart.reflow()
) from load event - it's the context in the function.
As Sebastian already mentioned: if size is not correct then you could check if there's a race problem (size change after function run, etc.) or a layout that could be changed into something simpler (unnecessary or forced display style in CSS, etc.).
from highcharts-react.
Yes, 100% width
solved the issue, earlier on it was on auto and every other HTML element fit properly, except Highchart
.
Thanks for your help.
@sebastianbochan Just one more question: could you tell me what the problem with auto
was in that case?
Anyway, I've typed this out, so I am going to leave it for anyone who might see something similar.
This is my css file:
.react-grid-item > :not(.react-resizable-handle),
.box > * {
width: auto;
height: auto;
max-width: calc(100% - 40px);
max-height: calc(100% - 40px);
margin: 20px;
}
This is what I am seeing:
As you can see, the image is resized accordingly. That is why I assumed that the problem should be on Highcharts
side.
from highcharts-react.
Related Issues (20)
- Rendering simple chart with React Testing Library fails (computes NaN values) HOT 2
- Runtime error when chart tries to update while hovering over a series HOT 4
- Usage in React, Grid lines not visible HOT 2
- 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 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.