We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

onchartload event called multiple times in angular directive


My understanding of the onchartload event is that it should load when the chart is loaded for the first time right?

Here is how I am binding the load event to my vm

            <div id="ejChart" ej-chart series="vm.series" e-onchartload="vm.chartLoaded()"></div>

But whenever I change any property on the vm, the event gets called. Is this expected behavior?



1 Reply

PR Praveen Syncfusion Team July 6, 2015 08:51 AM UTC

Hi Jonny,

Thanks for using Syncfusion Products.

We have analyzed your reported query. And we wish to let you know that the “onchartload” is not an event. That is a user defined method name specified in sample level. The event which got triggered on load of chart is "load" event. The code snippet is given below.

Code Snippet:


<div id="chartContainer" style="width: 100%"



Kindly refer the help documentation in the below link for any assistance about load event.


We have prepared a sample based on your query and you can find the sample in below location

Sample: http://www.syncfusion.com/downloads/support/forum/119536/angular-1250878145.zip

Please let us know if you have any concern.



Live Chat Icon For mobile
Up arrow icon