{"action":"closed","issue":{"url":"https://api.github.com/repos/pablojim/highcharts-ng/issues/303","labels_url":"https://api.github.com/repos/pablojim/highcharts-ng/issues/303/labels{/name}","comments_url":"https://api.github.com/repos/pablojim/highcharts-ng/issues/303/comments","events_url":"https://api.github.com/repos/pablojim/highcharts-ng/issues/303/events","html_url":"https://github.com/pablojim/highcharts-ng/issues/303","id":67350150,"number":303,"title":"Highcharts resize issue with Angularjs","user":{"login":"sajeetharan","id":4833351,"avatar_url":"https://avatars.githubusercontent.com/u/4833351?v=3","gravatar_id":"","url":"https://api.github.com/users/sajeetharan","html_url":"https://github.com/sajeetharan","followers_url":"https://api.github.com/users/sajeetharan/followers","following_url":"https://api.github.com/users/sajeetharan/following{/other_user}","gists_url":"https://api.github.com/users/sajeetharan/gists{/gist_id}","starred_url":"https://api.github.com/users/sajeetharan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sajeetharan/subscriptions","organizations_url":"https://api.github.com/users/sajeetharan/orgs","repos_url":"https://api.github.com/users/sajeetharan/repos","events_url":"https://api.github.com/users/sajeetharan/events{/privacy}","received_events_url":"https://api.github.com/users/sajeetharan/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2015-04-09T12:26:13Z","updated_at":"2015-05-06T21:07:01Z","closed_at":"2015-05-06T21:07:01Z","body":"In my dashboard application am using highcharts to generate charts, Which works fine. I have embedded the charts inside a div and assigning an id for the chart. It generates the chart. I am using resizeable directive to resize the chart whenever user resizes div. But\r\n\r\nvar chart1 = chart.highcharts(); \r\n\r\nThrows an error saying \"Uncaught TypeError: undefined is not a function\".This worked before some days. Is there any dependency issue? here is the HTML and Directive.\r\n\r\nhtml:\r\n\r\n<md-card-content>                  \r\n   <highchart   id=\"{{widget.id}}\" config=\"widget.chartConfig\">\r\n   </highchart>\r\n</md-card-content>\r\n\r\nrouterApp.directive('resizeable', function() { \r\n  return { \r\n    restrict: 'EA', \r\n    link: function(scope, element, attrs) { \r\n      $(element).resizable({ \r\n        resize: function(event, ui) {     \r\n          var  widgetId = attrs.identifier; \r\n          var chart = $('#'+widgetId);  \r\n          var chart1 = chart.highcharts();\r\n          height = ui.size.height - 100;\r\n          width = ui.size.width - 40;\r\n          chart1.setSize(width, height, doAnimation = true);\r\n\r\n           jsPlumb.repaint(ui.helper); \r\n        }, \r\n        handles: \"all\" \r\n\r\n      }); \r\n    } \r\n  }; \r\n});\r\n\r\n![issue](https://cloud.githubusercontent.com/assets/4833351/7066575/aa4a51fe-dee1-11e4-9b6b-423d421fd558.png)\r\n"}}