Last Updated: February 25, 2016
·
4.19K
· hjemmel

Angular directive for Highcharts

Angular directive for Highcharts

1) Adding the library:

<script src="ng-highcharts.min.js"></script>

2) Injecting in your app:

angular.module('myApp',['ngHighcharts'])

3) Now! Use the tag < highchart > anywhere:

<highchart type="column" data="arr"
           title="Movie Audience Measurement"
           subtitle="Source: PirateBay"
           y-title="Quantitative (MM)"
           categories="['Jan', 'Feb', 'Mar', 'Apr', 'May']">
</highchart>

Only types column, bar, line, area and scatter are available.

https://github.com/bielversallini/ng-highcharts

by @bielversallini

Have a fresh tip? Share with Coderwall community!

Post
Post a tip
Did you know?

Angular apps often share the page with analytics and payment scripts that are not Angular modules. Those scripts execute on the same origin as the framework.

Security insights from Cside