jquery.flot.stackedline directive

gistfile1.js

angular.module('flot')
    .directive('flotStackedline', [function () {
        'use strict';
        return {
            restrict: 'EA',
            require: 'ngModel',
            link: function (scope, elem, attrs, ngModel) {

                var chart = null,
                    opts = {
                        width:attrs.width || '100%',
                        height : attrs.height || attrs.width * 3 / 4,
                        label: attrs.label,
                        series: {
                            stack:true,
                            lines:{
                                show:true,
                                fill:true
                            }
                        },
                        xaxis: { mode: "time" },
                        legend:{position: "nw"}
                    };

                var render=function(){
                    var data = ngModel.$viewValue;
                        if(angular.isUndefined(data)){
                            return;
                        }
                        chart = $.plot(elem, data, opts);
                        elem.show();
                };

                scope.$watch(attrs.ngModel, function () {
                        render();
                });

                $(window).resize(function(){
                    render();
                });

            }
        };
    }]);