In my angular app I have a highcharts map inside a container with dynamic width. I load a custom svg map into the highcharts element. I want the map to take up the full 100% width of the container and the height adjust according to the size of the map, so the paths of the map take up the full width.
Unfortunately, Highcharts only allows for fixed pixel sizes to be set, which is very frustrating. I've tried to set height and width to null, which doesn't do anything, the map still defaults to its 600x400px. I've tried to set the scss of
Code: Select all
highcharts-chart { display: block, width: 100%, height: auto }
Code: Select all
<g class="highcharts-series-group">
Is there a way to actually set the highcharts map to width 100% and height auto so the paths take up the full width of the container?