{"action":"created","issue":{"url":"https://api.github.com/repos/jtblin/angular-chart.js/issues/29","labels_url":"https://api.github.com/repos/jtblin/angular-chart.js/issues/29/labels{/name}","comments_url":"https://api.github.com/repos/jtblin/angular-chart.js/issues/29/comments","events_url":"https://api.github.com/repos/jtblin/angular-chart.js/issues/29/events","html_url":"https://github.com/jtblin/angular-chart.js/issues/29","id":53806374,"number":29,"title":"Charts rendered in hidden DIVs will not display until browser resize","user":{"login":"codyseibert","id":1868782,"avatar_url":"https://avatars.githubusercontent.com/u/1868782?v=3","gravatar_id":"","url":"https://api.github.com/users/codyseibert","html_url":"https://github.com/codyseibert","followers_url":"https://api.github.com/users/codyseibert/followers","following_url":"https://api.github.com/users/codyseibert/following{/other_user}","gists_url":"https://api.github.com/users/codyseibert/gists{/gist_id}","starred_url":"https://api.github.com/users/codyseibert/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/codyseibert/subscriptions","organizations_url":"https://api.github.com/users/codyseibert/orgs","repos_url":"https://api.github.com/users/codyseibert/repos","events_url":"https://api.github.com/users/codyseibert/events{/privacy}","received_events_url":"https://api.github.com/users/codyseibert/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/jtblin/angular-chart.js/labels/bug","name":"bug","color":"fc2929"},{"url":"https://api.github.com/repos/jtblin/angular-chart.js/labels/major","name":"major","color":"f7c6c7"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":6,"created_at":"2015-01-08T21:57:53Z","updated_at":"2015-02-28T19:48:44Z","closed_at":null,"body":"If there is already a work around for this, please let me know, but here is my use case / issue.\r\n\r\nI am using foundation's tabset directive to build up tabs and their corresponding containers.  I have some the chart.js graphs being defined inside a hidden container; therefore, the charts have no container width or height when it comes to rendering the graphs.  \r\n\r\nWould there be a way to achieve this?  Could you potentially add in a \"reset\" watch to the angular-chart.js which will destroy and recreate the chart?"},"comment":{"url":"https://api.github.com/repos/jtblin/angular-chart.js/issues/comments/76542513","html_url":"https://github.com/jtblin/angular-chart.js/issues/29#issuecomment-76542513","issue_url":"https://api.github.com/repos/jtblin/angular-chart.js/issues/29","id":76542513,"user":{"login":"shak18","id":8203017,"avatar_url":"https://avatars.githubusercontent.com/u/8203017?v=3","gravatar_id":"","url":"https://api.github.com/users/shak18","html_url":"https://github.com/shak18","followers_url":"https://api.github.com/users/shak18/followers","following_url":"https://api.github.com/users/shak18/following{/other_user}","gists_url":"https://api.github.com/users/shak18/gists{/gist_id}","starred_url":"https://api.github.com/users/shak18/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/shak18/subscriptions","organizations_url":"https://api.github.com/users/shak18/orgs","repos_url":"https://api.github.com/users/shak18/repos","events_url":"https://api.github.com/users/shak18/events{/privacy}","received_events_url":"https://api.github.com/users/shak18/received_events","type":"User","site_admin":false},"created_at":"2015-02-28T19:48:44Z","updated_at":"2015-02-28T19:48:44Z","body":"my only solution so far to this has been to use a directive with the $compile injector and delete and repaint the canvas element in the dom when it becomes visible maybe you guys can try a similar work arround"}}