Check out this AngularJS demo app featuring Highcharts: http://jsfiddle.net/dennismadsen/dpw8b8vv/1/
<div ng-app="myapp">
<div ng-controller="myctrl">
<button ng-click="hideView()">1. Hide</button>
<button ng-click="showView()">2. Show</button>
<div id="container" ng-show="show">
<highchart id="chart1" config="highchartsNG"></highchart>
</div>
</div>
</div>
If you adjust the width of the result view in JSFiddle, the Highchart will automatically resize its width to fit the container (the div with a black border).
I've observed that when the Highchart is hidden and the window is resized, it does not automatically adjust its size (such as when an iPad changes from Landscape to Portrait mode). Test this by first clicking the "1. hide" button, resizing the result view, and then pressing the "2. show" button. See this example:
Is there a way to make the Highchart resize even when it's not visible?