How to use ejChart with angular JS?

Essential Chart supports two-way binding by using angular JS plugin. All the properties in the chart can be bound with HTMLelements. Essential Chart requires the JavaScript file ej.widget.angular.min.jsto support angular JavaScript. Refer toCommon Angular Binding for more information on using angular JS with Essential JavaScript controls.

Required scripts

The CDN link for the scripts required is shown in the following table:

The following code example illustrates the use of Essential Chart with angular JS. Note that it is mandatory to use the module,ejangular, and the directive,ej-chart, for rendering the Essential Chartbecause the directive, ej-chart, is used to render the Chartinside the container and this directive is present only in the ejangular module.

All the properties in theChart can be bound with another control by using angular JS. The property name should be prefixed with e-to support one-way or two-way bindings; otherwise, the angular binding does not work on that property.