Angular 2 Component for FusionCharts

Create pie, column, area, line, radar, marimekko and over 150 other Angular charts for your web application. Using FusionCharts’ Angular Directive you can create charts which are responsive, interactive, and, support zooming, panning, APIs, animation, drill-downs, real-time updates, and even full exporting of charts & dashboards.

It also comes with event support for mouse, keyboard, and more, enabling you to add charts in runtime during any lifecycle phase of the application. All charts and dashboards made on FusionCharts’ Angular Directive are mobile first by default, and responsive across all devices. Further, all charts & graphs are tested and built for millions of data points, without any performance issues. Finally, the Angular Directive is completely open source and actively maintained by a team of dedicated developers to ensure that all the latest versions of Angular JS are always supported.

Download TrialExplore Angular 2 Documentation

Interactive examples and Code Snippets

Simple chart
Quick demo

Features of the integration

  • Single directive for everything

    Add charts and maps using single Angular.js directive

  • Support for data binding

    Keep all your chart elements in sync with native support for Data Binding.

  • Multiple data types

    Insert charts from a JSON URL, an XML URL, or using Props Array Binding.

  • Add interactivity with ease

    Enable interactivity between charts with hundreds of events and methods

  • Complete control over configurations

    Enjoy advanced control with full access to FusionCharts object that contains complete chart configurations.

Build 100+ charts and 2000+ maps

Go beyond column charts and pie charts with our 100+ charts made for any kind of data. From area to donut and marimekko to radar, we’ve got all your charting needs covered. Don’t just stop at charts, with 2000+ maps, gauges and more, your dashboards and reports will become more meaningful and insightful.

  • Card image cap
    Chart Gallery

    Explore 100+ charts for your React application

    explore
  • Card image cap
    Time Series Gallery

    Explore how to plot millions of data on a time-series chart in React

    explore
  • Card image cap
    Maps Gallery

    Render 2000+ Maps for your React project

    explore

Ready to Get Started?

Download Trial Explore Angular 2 Documentation