score:1
Accepted answer
As suggested here, you should add flex-basis: 0
and overflow:hidden
to the chart containers. Note that if you have several levels of flexboxes one into each other, you should add this at every level.
#chart1 {
background: lightcyan;
flex-grow: 1;
flex-basis: 0;
overflow: hidden;
}
#chart2 {
background: lightyellow;
flex-grow: 1;
flex-basis: 0;
overflow: hidden;
}
Source: stackoverflow.com
Related Articles
- Same-size flexboxes are broken with Highcharts
- Highcharts code with same set of code/data works in PHP but does not work in JSfiddle
- Highcharts - multiple plot with the same x scale
- Highcharts - Global configuration with common code and unique data & Headings
- "display: none" with highcharts - incorrect size
- Highcharts show the same yAxis start and end value with multiple data series
- Setting highcharts datalabels backgroundColor with the same color of its serie
- how to display 2 same highcharts without duplicate the code
- How to merge two Highcharts container with the same legend-item
- Display multiple points with exact same value in scatter HighCharts
- Highcharts shown in multiple divs with the same name
- How to use Highcharts React to create chart with multiple lines for same XAxis?
- Highcharts - creating chart with same scale axis
- Multiple pie-charts in the same chart with HighCharts
- passing formatting JavaScript code to HighCharts with JSON
- Highcharts line chart all points disappear when have more than one points with same X Axis
- how to show column and area charts with different y axis with same category and same x axis in highcharts
- Highcharts (Gauge) and Highstock on the same page with Meteor
- Highcharts same types of data with different series
- What's the code in Highcharts such that the bars (columns) in the same group use the same color?
- Highcharts series visibility with csv data source
- highcharts legend marker and series marker with different size
- Highcharts : using same div to load a chart multiple times with different series data
- How to have multiple highcharts with different series data in vuejs without repeating code
- Multiple charts with same data not loading in same page: Highcharts
- Highcharts show two line series with same values
- Rendering Highcharts Chart in Multiple divs with same ID
- Conflict with GSAP and Highcharts on the same page
- highcharts dynamic spline with fluid size issue in table
- show two different series with different start intervals with the same xAxis highcharts
- HighCharts, HighChartTable - pie chart default slice
- HighCharts - increase bar height and reduce bar gap
- Dynamically change hover enabled option
- Apply Background Image to A Column
- Hightcharts Display Date month on X-Axis
- How to set color for non plotting Area in HighChart
- Rotating the highchart
- Highcharts Dynamic tooltip positioning
- Highcharts XRange Data and Label misalignment
- Need an image/shape at the position of mouse
- Highcharts - x-axis date interval data values count must be 12
- Prevent from executing previous JavaScript with turbolinks and highcharts //LazyHighCharts
- Set cell size in Heat Map. Highcharts
- Highcharts dynamic data from an Api
- Highcharts: xAxis with vertical gridlines
- Async DrillDown functionality in Highcharts with Angular 4
- Highcharts - Rails array includes empty date entries
- Highcharts datetime format y-axis interval
- Highcharts Line Chart - Some categories are not visible
- Highcharts network graph custom link labels