Autoscale charts about highcharts-ng HOT 15 CLOSED

The "highchartsng.reflow" event seems has disappeared in the .component version.
How do we trigger a ctrl.chart.reflow(); with the .component version?

from highcharts-ng.

@pablojim Thanks for adding it in. It's working well in the app I'm working on.

@mgrn0 I'm broadcasting the reflow within a watch on the parent container's size change. I had to add a $timeout to wait for the parent container resize to finish, which you may or may not need.

$timeout(function() {
    $scope.$broadcast('highchartsng.reflow');
}, 10);

from highcharts-ng.

I think we'd need to call chart.reflow(). Maybe we could add a listener to the directive to listen for an event that would trigger a chart.reflow()

from highcharts-ng.

Not a bad idea. Is there anything else that would benefit from emitting events?

from highcharts-ng.

for now, i added this listener on this directive's link function:

      scope.$on('resize', function () {
         chart.reflow();
      });

broadcasting resize event somewhere in parent controller works for me

if you want, i can create a PR

from highcharts-ng.

A pull request sounds good. Maybe call the event "highchartsng_reflow" to avoid interfering with anything else.

from highcharts-ng.

also, i think watching width/height of chart out of config.options is required, because it's enough to reflow the chart on resizing, and other stuff (initChart, processSeries, redraw) is not required

from highcharts-ng.

I could really use this feature as well. Happy to test or help where I can.

from highcharts-ng.

+1

from highcharts-ng.

I added an event highchartsng.reflow Thanks for all the comments,

from highcharts-ng.

can you please give me a brief idea of how to invoke the event from e.g. a button? I just dont get it working..

from highcharts-ng.

thank you, @pderksen - that helped a lot!

from highcharts-ng.

Hi

Why when I am using the "highchartsng.reflow" event I get a link to highcharts.com on chart right side?

Thanks,

from highcharts-ng.

Have you disabled the credits explicitly in your graph's config object?

$scope.graphConfig = {
  options: {
    credits: {
      enabled: false
    }
  }
};

from highcharts-ng.

thank you, @pderksen

from highcharts-ng.