Home Original page

GitHub - rootux/angular-highcharts-directive: An Angular Js Directive which allows to simplify the use of Highcharts charts

Skip to content

Navigation Menu

Sign in

Appearance settings

Angular Highcharts Directive

An angular directive that wraps around highcharts.

See the code below for this convenient and modelar integration.

USing this directive along with some of the code

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;
    });
}]);