pkdevbox / angular-highcharts-directive

An Angular Js Directive which allows to simplify the use of Highcharts charts

Angular Highcharts Directive

An angular directive that wraps around highcharts.

See the code below for this convenient and modelar integration.

HTML

<div>
    <chart value="basicAreaChart" type="area" height="400"></chart>
</div>

Angular

'use strict';

angular.module('chartsExample.controllers', []).controller('MainCtrl', ['$scope', '$http', function($scope, $http) {
    $http.get("charts/basicAreaChart.json").success(function(data) {
        $scope.basicAreaChart = data;
    });
}]);