flot.line.js

gistfile1.js

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

                var chart = null,
                    opts = {
                    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 (v) {
                    render();
                });

                // If we have underscore/lodash then re-render on window resize
                typeof _ !== 'undefined' ? $(window).resize(_.debounce(render, 500)) : angular.noop();

            }
        };
    }]);