javascript - Highcharts resize issue with Angularjs -

javascript - Highcharts resize issue with Angularjs -

in dashboard application using highcharts generate charts, works fine. have embedded charts within div , assigning id chart. generates chart. using resizeable directive resize chart whenever user resizes div.

var chart1 = chart.highcharts();

throws error saying "uncaught typeerror: undefined not function"

this worked before days. there dependency issue? here html , directive.

html:

<md-card-content> <highchart id="{{widget.id}}" config="widget.chartconfig"> </highchart> </md-card-content> routerapp.directive('resizeable', function() { homecoming { restrict: 'ea', link: function(scope, element, attrs) { $(element).resizable({ resize: function(event, ui) { var widgetid = attrs.identifier; var chart = $('#'+widgetid); var chart1 = chart.highcharts(); height = ui.size.height - 100; width = ui.size.width - 40; chart1.setsize(width, height, doanimation = true); jsplumb.repaint(ui.helper); }, handles: "all" }); } }; });

console:

javascript angularjs highcharts material-design