score:4
Accepted answer
You can either set a non-relative width or flex-basis on the .main-panel container to help Highcharts figure out the parent element's dimensions.
I've also removed the width: 100% on .highcharts-container since it wasn't doing anything.
The original Plunkr works on Safari 9.0.1, so this could be due to differences in how browsers implement the flexbox spec (e.g. related issue with width/height: 100%)
Source: stackoverflow.com
Related Query
- highcharts-ng grows but doesn't shrink in flexbox
- Calling Highcharts export to jpeg but the source is https and exporting is http (security warnings issued by browser)
- Highcharts displays series names but missing data points from json source
- Highcharts code with same set of code/data works in PHP but does not work in JSfiddle
- Highcharts - set maximum range for yAxis but keep axis dynamic within that range
- Hide all but selected data series, HighCharts
- Highcharts mouse tracking/mouseover feature is slow on chrome but not slow in firefox or IE
- How to fix "Property 'type' is missing in type but required in type 'SeriesXrangeOptions'" in angular highcharts module
- Is it possible in highcharts to have 2 charts, sharing the same x-axis, but next to one another?
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- Code works on fiddle but not when I do /show
- Highcharts - Global configuration with common code and unique data & Headings
- How do I hide a Highcharts series from the chart, but always show it in the tooltip?
- I want gird lines of x-axis and y-axis in highcharts but i don't want x-axis value and y-axis value
- Highcharts shows data but can't display chart
- Highcharts error 13, but rendering Div exists
- Gauge Series of Highcharts with React not the Solid Gauge but Gauge Series
- HighCharts Stock Chart error code 18
- highcharts change rendered image source on click
- I had created a scatterplot using Highcharts but the the point.z value is not getting displayed in tooltip
- How do i add mouse wheel code in Angular2 highcharts in typescript
- how to display 2 same highcharts without duplicate the code
- Use of DotNet HighCharts dll to make charts in code behind
- How to edit tooltip in Highcharts C# code
- what means ${demo.css} in example files of highcharts ? That piece of code seems to be literal
- Loading JQuery dynamically but highcharts fails
- passing json values to highcharts from .net code behind
- how to use highcharts tooltip formatter in python code
- passing formatting JavaScript code to HighCharts with JSON
- highcharts reversed yAxis but keep fill area below spline?
More Query from same tag
- HighCharts pointPlacement option not working in a single column chart
- Highcharts Spline lines not showing up
- Highchart multiple column range in same series on bar chart
- Highcharts map gradients to y-axis?
- Highcharts, How to remove gaps on x coordinates
- R: How to create a Drilldown Highchart using loops
- Highcharts : How to remove the gap between series and vertical axis?
- HighCharts error 16
- Highcharts gauge not shown
- HighCharts HIOptions.colors must be [string]?
- Highchart shiny R scatter plot - how to define individual point colors
- Show label only every x number of steps in highcharts
- Dynamic series for columrange (highcharts)
- Is there a way how to dynamically create a plotline in highchart when the value is lower than previous one?
- Highcharts - is possible to have stackLabels only for a subset of the series?
- Datalabels on Highmaps appearing bottom to top
- Node.js, express, jade, highcharts and 2D array
- Highchart: JSON Failed to load resource: the server responded with a status of 404 (Not Found)
- Summing graph data in highcharts
- I am facing image cut issue after upgrade Highchart version from 6.0.7 to 8.0.4
- Angular 2 highcharts final setup
- Highcharts area graph with fillColor changing color depending on the zone color?
- Issue with Scroll bar in Hicharts/Histock chart
- High-chart Div save as image and save file in server path
- Highcharts show / highlight y-Axis on mouseover over chart line
- Highcharts - Multiple Axis Graph not displaying labels
- Why won't Highcharts accept UTC value from my JSON?
- Formatting tooltip for everviz
- Data security highcharts
- Scrollbar creating overlaping chart div
