{"action":"created","issue":{"url":"https://api.github.com/repos/pablojim/highcharts-ng/issues/374","labels_url":"https://api.github.com/repos/pablojim/highcharts-ng/issues/374/labels{/name}","comments_url":"https://api.github.com/repos/pablojim/highcharts-ng/issues/374/comments","events_url":"https://api.github.com/repos/pablojim/highcharts-ng/issues/374/events","html_url":"https://github.com/pablojim/highcharts-ng/issues/374","id":104794836,"number":374,"title":"Chart not re sizing to bootstrap fluid column","user":{"login":"Bclayson","id":7470225,"avatar_url":"https://avatars.githubusercontent.com/u/7470225?v=3","gravatar_id":"","url":"https://api.github.com/users/Bclayson","html_url":"https://github.com/Bclayson","followers_url":"https://api.github.com/users/Bclayson/followers","following_url":"https://api.github.com/users/Bclayson/following{/other_user}","gists_url":"https://api.github.com/users/Bclayson/gists{/gist_id}","starred_url":"https://api.github.com/users/Bclayson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Bclayson/subscriptions","organizations_url":"https://api.github.com/users/Bclayson/orgs","repos_url":"https://api.github.com/users/Bclayson/repos","events_url":"https://api.github.com/users/Bclayson/events{/privacy}","received_events_url":"https://api.github.com/users/Bclayson/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":10,"created_at":"2015-09-03T22:37:05Z","updated_at":"2015-09-16T17:38:01Z","closed_at":null,"body":"I just updated all my packages and my charts are now not automatically sizing to their bootstrap fluid columns. I've seen several other issues posted for this but either 1. They are old and no longer valid, 2. they work poorly, 3. They remove the loading animations of highcharts, which I don't want to sacrifice. What is a solution? Is this something we can figure out long term?"},"comment":{"url":"https://api.github.com/repos/pablojim/highcharts-ng/issues/comments/140814726","html_url":"https://github.com/pablojim/highcharts-ng/issues/374#issuecomment-140814726","issue_url":"https://api.github.com/repos/pablojim/highcharts-ng/issues/374","id":140814726,"user":{"login":"seadour","id":6138182,"avatar_url":"https://avatars.githubusercontent.com/u/6138182?v=3","gravatar_id":"","url":"https://api.github.com/users/seadour","html_url":"https://github.com/seadour","followers_url":"https://api.github.com/users/seadour/followers","following_url":"https://api.github.com/users/seadour/following{/other_user}","gists_url":"https://api.github.com/users/seadour/gists{/gist_id}","starred_url":"https://api.github.com/users/seadour/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/seadour/subscriptions","organizations_url":"https://api.github.com/users/seadour/orgs","repos_url":"https://api.github.com/users/seadour/repos","events_url":"https://api.github.com/users/seadour/events{/privacy}","received_events_url":"https://api.github.com/users/seadour/received_events","type":"User","site_admin":false},"created_at":"2015-09-16T17:38:01Z","updated_at":"2015-09-16T17:38:01Z","body":"If the issue is happening in plain Highcharts/Bootstrap without highcharts-ng, I would argue that it's not in the purview of highcharts-ng and we should close this issue and open a new one in the Highcharts repository (or search for a related issue).\r\n\r\n@Bclayson, it sounds to me like Angular is making modifications to DOM elements after Highcharts has measured them. So Highcharts thinks the container is a certain width/height and draws the chart to fit, but then Angular modifies the container's width/height afterward with ng-show/ng-hide.\r\n\r\nI think there's probably an elegant way in Angular to postpone Highcharts operations until after the DOM has completely finished rendering but I'm not really sure what the best way would be."}}