From 8c877315a6b3fe6abe4168ca8c39f161a0b6da86 Mon Sep 17 00:00:00 2001 From: ARC Date: Sun, 17 May 2015 11:43:25 -0400 Subject: Switched from google-chart back to chart.js - I couldn't get axis animations right with google --- .../tc-angular-chartjs/dist/tc-angular-chartjs.js | 140 +++++++++++++++++++++ .../dist/tc-angular-chartjs.min.js | 6 + 2 files changed, 146 insertions(+) create mode 100644 www/lib/tc-angular-chartjs/dist/tc-angular-chartjs.js create mode 100644 www/lib/tc-angular-chartjs/dist/tc-angular-chartjs.min.js (limited to 'www/lib/tc-angular-chartjs/dist') diff --git a/www/lib/tc-angular-chartjs/dist/tc-angular-chartjs.js b/www/lib/tc-angular-chartjs/dist/tc-angular-chartjs.js new file mode 100644 index 00000000..16c490c1 --- /dev/null +++ b/www/lib/tc-angular-chartjs/dist/tc-angular-chartjs.js @@ -0,0 +1,140 @@ +/** + * tc-angular-chartjs - v1.0.9 - 2014-10-14 + * Copyright (c) 2014 Carl Craig + * Dual licensed with the Apache-2.0 or MIT license. + */ +(function() { + "use strict"; + angular.module("tc.chartjs", []).directive("tcChartjs", TcChartjs).directive("tcChartjsLine", TcChartjsLine).directive("tcChartjsBar", TcChartjsBar).directive("tcChartjsRadar", TcChartjsRadar).directive("tcChartjsPolararea", TcChartjsPolararea).directive("tcChartjsPie", TcChartjsPie).directive("tcChartjsDoughnut", TcChartjsDoughnut).directive("tcChartjsLegend", TcChartjsLegend).factory("TcChartjsFactory", TcChartjsFactory); + function TcChartjs(TcChartjsFactory) { + return new TcChartjsFactory(); + } + TcChartjs.$inject = [ "TcChartjsFactory" ]; + function TcChartjsLine(TcChartjsFactory) { + return new TcChartjsFactory("line"); + } + TcChartjsLine.$inject = [ "TcChartjsFactory" ]; + function TcChartjsBar(TcChartjsFactory) { + return new TcChartjsFactory("bar"); + } + TcChartjsBar.$inject = [ "TcChartjsFactory" ]; + function TcChartjsRadar(TcChartjsFactory) { + return new TcChartjsFactory("radar"); + } + TcChartjsRadar.$inject = [ "TcChartjsFactory" ]; + function TcChartjsPolararea(TcChartjsFactory) { + return new TcChartjsFactory("polararea"); + } + TcChartjsPolararea.$inject = [ "TcChartjsFactory" ]; + function TcChartjsPie(TcChartjsFactory) { + return new TcChartjsFactory("pie"); + } + TcChartjsPie.$inject = [ "TcChartjsFactory" ]; + function TcChartjsDoughnut(TcChartjsFactory) { + return new TcChartjsFactory("doughnut"); + } + TcChartjsDoughnut.$inject = [ "TcChartjsFactory" ]; + function TcChartjsFactory() { + return function(chartType) { + var directive = { + restrict: "A", + scope: { + data: "=chartData", + options: "=chartOptions", + type: "@chartType", + legend: "=chartLegend", + chart: "=chart" + }, + link: link + }; + return directive; + function link($scope, $elem, $attrs) { + var ctx = $elem[0].getContext("2d"); + var chart = new Chart(ctx); + var chartObj; + var showLegend = false; + var autoLegend = false; + var exposeChart = false; + var legendElem = null; + for (var attr in $attrs) { + if (attr === "chartLegend") { + showLegend = true; + } else if (attr === "chart") { + exposeChart = true; + } else if (attr === "autoLegend") { + autoLegend = true; + } + } + $scope.$watch("data", function(value) { + if (value) { + if (chartObj) { + chartObj.destroy(); + } + if (chartType) { + chartObj = chart[cleanChartName(chartType)]($scope.data, $scope.options); + } else if ($scope.type) { + chartObj = chart[cleanChartName($scope.type)]($scope.data, $scope.options); + } else { + throw "Error creating chart: Chart type required."; + } + if (showLegend) { + $scope.legend = chartObj.generateLegend(); + } + if (autoLegend) { + if (legendElem) { + legendElem.remove(); + } + angular.element($elem[0]).after(chartObj.generateLegend()); + legendElem = angular.element($elem[0]).next(); + } + if (exposeChart) { + $scope.chart = chartObj; + } + } + }, true); + } + function cleanChartName(type) { + var typeLowerCase = type.toLowerCase(); + switch (typeLowerCase) { + case "line": + return "Line"; + + case "bar": + return "Bar"; + + case "radar": + return "Radar"; + + case "polararea": + return "PolarArea"; + + case "pie": + return "Pie"; + + case "doughnut": + return "Doughnut"; + + default: + return type; + } + } + }; + } + function TcChartjsLegend() { + var directive = { + restrict: "A", + scope: { + legend: "=chartLegend" + }, + link: link + }; + return directive; + function link($scope, $elem) { + $scope.$watch("legend", function(value) { + if (value) { + $elem.html(value); + } + }, true); + } + } +})(); diff --git a/www/lib/tc-angular-chartjs/dist/tc-angular-chartjs.min.js b/www/lib/tc-angular-chartjs/dist/tc-angular-chartjs.min.js new file mode 100644 index 00000000..b132aeef --- /dev/null +++ b/www/lib/tc-angular-chartjs/dist/tc-angular-chartjs.min.js @@ -0,0 +1,6 @@ +/** + * tc-angular-chartjs - v1.0.9 - 2014-10-14 + * Copyright (c) 2014 Carl Craig + * Dual licensed with the Apache-2.0 or MIT license. + */ +!function(){"use strict";function a(a){return new a}function b(a){return new a("line")}function c(a){return new a("bar")}function d(a){return new a("radar")}function e(a){return new a("polararea")}function f(a){return new a("pie")}function g(a){return new a("doughnut")}function h(){return function(a){function b(b,d,e){var f,g=d[0].getContext("2d"),h=new Chart(g),i=!1,j=!1,k=!1,l=null;for(var m in e)"chartLegend"===m?i=!0:"chart"===m?k=!0:"autoLegend"===m&&(j=!0);b.$watch("data",function(e){if(e){if(f&&f.destroy(),a)f=h[c(a)](b.data,b.options);else{if(!b.type)throw"Error creating chart: Chart type required.";f=h[c(b.type)](b.data,b.options)}i&&(b.legend=f.generateLegend()),j&&(l&&l.remove(),angular.element(d[0]).after(f.generateLegend()),l=angular.element(d[0]).next()),k&&(b.chart=f)}},!0)}function c(a){var b=a.toLowerCase();switch(b){case"line":return"Line";case"bar":return"Bar";case"radar":return"Radar";case"polararea":return"PolarArea";case"pie":return"Pie";case"doughnut":return"Doughnut";default:return a}}var d={restrict:"A",scope:{data:"=chartData",options:"=chartOptions",type:"@chartType",legend:"=chartLegend",chart:"=chart"},link:b};return d}}function i(){function a(a,b){a.$watch("legend",function(a){a&&b.html(a)},!0)}var b={restrict:"A",scope:{legend:"=chartLegend"},link:a};return b}angular.module("tc.chartjs",[]).directive("tcChartjs",a).directive("tcChartjsLine",b).directive("tcChartjsBar",c).directive("tcChartjsRadar",d).directive("tcChartjsPolararea",e).directive("tcChartjsPie",f).directive("tcChartjsDoughnut",g).directive("tcChartjsLegend",i).factory("TcChartjsFactory",h),a.$inject=["TcChartjsFactory"],b.$inject=["TcChartjsFactory"],c.$inject=["TcChartjsFactory"],d.$inject=["TcChartjsFactory"],e.$inject=["TcChartjsFactory"],f.$inject=["TcChartjsFactory"],g.$inject=["TcChartjsFactory"]}(); -- cgit v1.2.3