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)
- 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
- 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
- Incorrect Typescript usage documentation HOT 1
- Scroll Wobble in Highcharts/Stock HOT 2
- Charts resize infinitely when placed under a flexbox with flex-direction: column HOT 2
- mapline is hidden when draw from LA to Taiwan HOT 1
- How to add new y axis? HOT 1
- I'm trying to find a way to center my flag but can't seem to do it #21540 HOT 1
- Cannot center data label HOT 1
- Can i add a marker at the end of the path Gauge? HOT 2
- Question: Remove 1/2 solidchart HOT 4
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.