AngularJS Directive for FusionCharts

Easy to use AngularJS Directive for adding interactive charts to your website.

AngularJS is one of the most popular JavaScript frameworks out there and if you are using it to build your app, this AngularJS directive is for you. You can use this AngularJS directive along with our core library to add interactive JavaScript graphs and charts to your web/mobile applications - with just a single directive. You can access all the rich charting features of FusionCharts like events, annotations, macros, themes, image-export etc. to make your visualizations stand-out. Explore some live AngularJS charts examples and the quick guide below that to get started!

Available on:
A Simple Chart
Quick demo


  • Insert a chart using just a single directive.
  • Keep all your chart elements in sync with native support for Data Binding.
  • Call controller functions directly from the chart with Angular-friendly events.
  • Achieve advanced control with complete access to the full FusionCharts object.
  • Add charts in a variety of ways from JSON URL to Scope Array Binding.


FusionCharts AngularJS directive is open-source and distributed under the terms of the MIT/X11 License. However, you will need to download and include FusionCharts library in your page separately, which has a separate license.