diff options
Diffstat (limited to 'uiframe-iui/src/main/resources/webroot/vendor/ict/ict-dashboard/assets/js/c3-angular.js')
| -rw-r--r-- | uiframe-iui/src/main/resources/webroot/vendor/ict/ict-dashboard/assets/js/c3-angular.js | 544 |
1 files changed, 0 insertions, 544 deletions
diff --git a/uiframe-iui/src/main/resources/webroot/vendor/ict/ict-dashboard/assets/js/c3-angular.js b/uiframe-iui/src/main/resources/webroot/vendor/ict/ict-dashboard/assets/js/c3-angular.js deleted file mode 100644 index 6f2fd359..00000000 --- a/uiframe-iui/src/main/resources/webroot/vendor/ict/ict-dashboard/assets/js/c3-angular.js +++ /dev/null @@ -1,544 +0,0 @@ -/*! c3-angular - v0.1.0 - 2015-01-01
- * https://github.com/jettro/c3-angular-sample
- * Copyright (c) 2015 ; Licensed */
-angular.module('gridshore.c3js.chart', [])
- .controller('ChartController', ['$scope', function ($scope) {
- $scope.chart = null;
- $scope.columns = [];
- $scope.types = {};
- $scope.axis = {};
- $scope.axes = {};
- $scope.xValues = null;
- $scope.xTick = null;
- $scope.names = null;
- $scope.colors = null;
- $scope.grid = null;
- $scope.legend = null;
- $scope.tooltip = null;
- $scope.chartSize = null;
- $scope.colors = null;
- $scope.jsonKeys = null;
-
- this.showGraph = function () {
- var config = {};
- config.bindto = "#" + $scope.bindto;
- config.data = {};
-
- if ($scope.xValues) {
- config.data.x = $scope.xValues;
- }
- if ($scope.columns) {
- config.data.columns = $scope.columns;
- }
- config.data.types = $scope.types;
- config.data.axes = $scope.axes;
- if ($scope.names) {
- config.data.names = $scope.names;
- }
- if ($scope.colors) {
- config.data.colors = $scope.colors;
- }
- if ($scope.showLabels && $scope.showLabels === "true") {
- config.data.labels = true;
- }
- if ($scope.showSubchart && $scope.showSubchart === "true") {
- config.subchart = {"show": true};
- }
- if ($scope.enableZoom && $scope.enableZoom === "true") {
- config.zoom = {"enabled": true};
- }
- config.axis = $scope.axis;
- if ($scope.xTick) {
- config.axis.x.tick = $scope.xTick;
- }
- if ($scope.grid != null) {
- config.grid = $scope.grid;
- }
- if ($scope.legend != null) {
- config.legend = $scope.legend;
- }
- if ($scope.tooltip != null) {
- config.tooltip = $scope.tooltip;
- }
- if ($scope.chartSize != null) {
- config.size = $scope.chartSize;
- }
- if ($scope.colors != null) {
- config.color = {"pattern": $scope.colors};
- }
-
- $scope.config = config;
-
- if ($scope.chartData && $scope.chartColumns) {
- $scope.$watchCollection('chartData', function () {
- loadChartData();
- });
- } else {
- $scope.chart = c3.generate($scope.config);
- }
- };
-
- this.addColumn = function (column, columnType, columnName, columnColor) {
- $scope.columns.push(column);
- addColumnProperties(column[0], columnType, columnName, columnColor);
- };
-
- this.addYAxis = function (yAxis) {
- $scope.axes = yAxis;
- if (!$scope.axis.y2) {
- $scope.axis.y2 = {"show": true};
- }
- };
-
- this.addXAxisValues = function (xValues) {
- $scope.xValues = xValues;
- };
-
- this.addAxisProperties = function (id, axis) {
- $scope.axis[id] = axis;
- };
-
- this.addXTick = function (tick) {
- $scope.xTick = tick;
- };
-
- this.rotateAxis = function () {
- $scope.axis.rotated = true;
- };
-
- this.addGrid = function (axis) {
- if ($scope.grid == null) {
- $scope.grid = {};
- }
- if ($scope.grid[axis] == null) {
- $scope.grid[axis] = {};
- }
- $scope.grid[axis].show = true;
- };
-
- this.addGridLine = function (axis, value, text) {
- if ($scope.grid == null) {
- $scope.grid = {};
- }
- if (axis === "x") {
- if ($scope.grid.x === undefined) {
- $scope.grid.x = {};
- }
- if ($scope.grid.x.lines === undefined) {
- $scope.grid.x.lines = [];
- }
- } else {
- if ($scope.grid.y === undefined) {
- $scope.grid.y = {};
- }
- if ($scope.grid.y.lines === undefined) {
- $scope.grid.y.lines = [];
- }
-
- }
- if (axis === "y2") {
- $scope.grid.y.lines.push({"value": value, "text": text, "axis": "y2"});
- } else {
- $scope.grid[axis].lines.push({"value": value, "text": text});
- }
- };
-
- this.addLegend = function (legend) {
- $scope.legend = legend;
- };
-
- this.addTooltip = function (tooltip) {
- $scope.tooltip = tooltip;
- };
-
- this.addSize = function (chartSize) {
- $scope.chartSize = chartSize;
- };
-
- this.addColors = function (colors) {
- $scope.colors = colors;
- };
-
- function addColumnProperties(id, columnType, columnName, columnColor) {
- if (columnType !== undefined) {
- $scope.types[id] = columnType;
- }
- if (columnName !== undefined) {
- if ($scope.names === null) {
- $scope.names = {};
- }
- $scope.names[id] = columnName;
- }
- if (columnColor !== undefined) {
- if ($scope.colors === null) {
- $scope.colors = {};
- }
- $scope.colors[id] = columnColor;
- }
- }
-
- function loadChartData() {
- $scope.jsonKeys = {};
- $scope.jsonKeys.value = [];
- angular.forEach($scope.chartColumns, function (column) {
- $scope.jsonKeys.value.push(column.id);
- addColumnProperties(column.id, column.type, column.name, column.color);
- });
- if ($scope.chartX) {
- $scope.jsonKeys.x = $scope.chartX.id;
- }
- if ($scope.names) {
- $scope.config.data.names = $scope.names;
- }
- if ($scope.colors) {
- $scope.config.data.colors = $scope.colors;
- }
-
- $scope.config.data.keys = $scope.jsonKeys;
- $scope.config.data.json = $scope.chartData;
-
- $scope.chart = c3.generate($scope.config);
-
- // $scope.chart.load(data);
- }
- }])
- .directive('c3chart', ['$timeout', function ($timeout) {
- var chartLinker = function (scope, element, attrs, chartCtrl) {
- // Trick to wait for all rendering of the DOM to be finished.
- $timeout(function () {
- chartCtrl.showGraph();
- });
- };
-
- return {
- "restrict": "E",
- "controller": "ChartController",
- "scope": {
- "bindto": "@bindtoId",
- "showLabels": "@showLabels",
- "showSubchart": "@showSubchart",
- "enableZoom": "@enableZoom",
- "chartData": "=chartData",
- "chartColumns": "=chartColumns",
- "chartX": "=chartX"
- },
- "template": "<div><div id='{{bindto}}'></div><div ng-transclude></div></div>",
- "replace": true,
- "transclude": true,
- "link": chartLinker
- };
- }])
- .directive('chartColumn', function () {
- var columnLinker = function (scope, element, attrs, chartCtrl) {
- var column = attrs.columnValues.split(",");
- column.unshift(attrs.columnId);
- chartCtrl.addColumn(column, attrs.columnType, attrs.columnName, attrs.columnColor);
- };
-
- return {
- "require": "^c3chart",
- "restrict": "E",
- "scope": {},
- "replace": true,
- "link": columnLinker
- };
- })
- .directive('chartAxes', function () {
- var axesLinker = function (scope, element, attrs, chartCtrl) {
- var x = attrs.valuesX;
- if (x) {
- chartCtrl.addXAxisValues(x);
- }
-
- var y = attrs.y;
- var y2 = attrs.y2;
- var yAxis = {};
- if (y2) {
- var items = y2.split(",");
- for (var item in items) {
- yAxis[items[item]] = "y2";
- }
- if (y) {
- var yItems = y.split(",");
- for (var yItem in yItems) {
- yAxis[yItems[yItem]] = "y";
- }
- }
- chartCtrl.addYAxis(yAxis);
- }
- };
-
- return {
- "require": "^c3chart",
- "restrict": "E",
- "scope": {},
- "replace": true,
- "link": axesLinker
- };
- })
- .directive('chartAxis', function () {
- var axisLinker = function (scope, element, attrs, chartCtrl) {
- var rotate = attrs.axisRotate;
- if (rotate) {
- chartCtrl.rotateAxis();
- }
- };
-
- return {
- "require": "^c3chart",
- "restrict": "E",
- "scope": {},
- "transclude": true,
- "template": "<div ng-transclude></div>",
- "replace": true,
- "link": axisLinker
- };
- })
- .directive('chartAxisX', function () {
- var axisLinker = function (scope, element, attrs, chartCtrl) {
- var position = attrs.axisPosition;
- var label = attrs.axisLabel;
-
- var axis = {"label": {"text": label, "position": position}};
-
- var type = attrs.axisType;
- if (type) {
- axis.type = type;
- }
- // TODO has a strange effect on the graph, need to evaluate
- var height = attrs.axisHeight;
- if (height) {
- axis.height = height;
- }
- chartCtrl.addAxisProperties('x', axis);
- };
-
- return {
- "require": "^c3chart",
- "restrict": "E",
- "scope": {},
- "transclude": true,
- "template": "<div ng-transclude></div>",
- "replace": true,
- "link": axisLinker
- };
- })
- .directive('chartAxisY', function () {
- var axisLinker = function (scope, element, attrs, chartCtrl) {
- var id = attrs.axisId;
- var position = attrs.axisPosition;
- var label = attrs.axisLabel;
-
- var axis = {"label": {"text": label, "position": position}};
- if (id === 'y2') {
- axis.show = true;
- }
- var paddingTop = attrs.paddingTop;
- var paddingBottom = attrs.paddingBottom;
- if (paddingTop || paddingBottom) {
- paddingTop = (paddingTop) ? paddingTop : 0;
- paddingBottom = (paddingBottom) ? paddingBottom : 0;
- axis.padding = {"top": parseInt(paddingTop), "bottom": parseInt(paddingBottom)};
- }
- var rangeMax = attrs.rangeMax;
- var rangeMin = attrs.rangeMin;
- if (rangeMax) {
- axis.max = parseInt(rangeMax);
- }
- if (rangeMin) {
- axis.min = parseInt(rangeMin);
- }
-
- chartCtrl.addAxisProperties(id, axis);
- };
-
- return {
- "require": "^c3chart",
- "restrict": "E",
- "scope": {},
- "replace": true,
- "link": axisLinker
- };
- })
- .directive('chartGrid', function () {
- var gridLinker = function (scope, element, attrs, chartCtrl) {
- var showX = attrs.showX;
- if (showX && showX === "true") {
- chartCtrl.addGrid("x");
- }
- var showY = attrs.showY;
- if (showY && showY === "true") {
- chartCtrl.addGrid("y");
- }
- var showY2 = attrs.showY2;
- if (showY2 && showY2 === "true") {
- chartCtrl.addGrid("y2");
- }
- };
-
- return {
- "require": "^c3chart",
- "restrict": "E",
- "scope": {},
- "replace": true,
- "link": gridLinker,
- "transclude": true,
- "template": "<div ng-transclude></div>"
- };
- })
- .directive('chartGridOptional', function () {
- var gridLinker = function (scope, element, attrs, chartCtrl) {
- var axisId = attrs.axisId;
- var value = attrs.gridValue;
- var text = attrs.gridText;
-
- chartCtrl.addGridLine(axisId, value, text);
- };
-
- return {
- "require": "^c3chart",
- "restrict": "E",
- "scope": {},
- "replace": true,
- "link": gridLinker
- };
- })
- .directive('chartAxisXTick', function () {
- var tickLinker = function (scope, element, attrs, chartCtrl) {
- var tick = {};
-
- var count = attrs.tickCount;
- if (count) {
- tick.count = count;
- }
-
- // TODO, dit lijkt nog niet echt iets te doen
- var format = attrs.tickFormat;
- if (format) {
- tick.format = format;
- }
-
- var culling = attrs.tickCulling;
- if (culling) {
- tick.culling = culling;
- }
-
- var rotate = attrs.tickRotate;
- if (rotate) {
- tick.rotate = rotate;
- }
-
- var fit = attrs.tickFit;
- if (fit) {
- tick.fit = fit;
- }
-
- chartCtrl.addXTick(tick);
- };
-
- return {
- "require": "^c3chart",
- "restrict": "E",
- "scope": {},
- "replace": true,
- "link": tickLinker
- };
-
- })
- .directive('chartLegend', function () {
- var legendLinker = function (scope, element, attrs, chartCtrl) {
- var legend = null;
- var show = attrs.showLegend;
- if (show && show === "false") {
- legend = {"show": false};
- } else {
- var position = attrs.legendPosition;
- if (position) {
- legend = {"position": position};
- }
- }
-
- if (legend != null) {
- chartCtrl.addLegend(legend);
- }
- };
-
- return {
- "require": "^c3chart",
- "restrict": "E",
- "scope": {},
- "replace": true,
- "link": legendLinker
- };
-
- })
- .directive('chartTooltip', function () {
- var tooltipLinker = function (scope, element, attrs, chartCtrl) {
- var tooltip = null;
- var show = attrs.showTooltip;
- if (show && show === "false") {
- tooltip = {"show": false};
- } else {
- var grouped = attrs.groupTooltip;
- if (grouped && grouped === "false") {
- tooltip = {"grouped": false};
- }
- }
-
- if (tooltip != null) {
- chartCtrl.addTooltip(tooltip);
- }
- };
-
- return {
- "require": "^c3chart",
- "restrict": "E",
- "scope": {},
- "replace": true,
- "link": tooltipLinker
- };
-
- })
- .directive('chartSize', function () {
- var sizeLinker = function (scope, element, attrs, chartCtrl) {
- var chartSize = null;
- var width = attrs.chartWidth;
- var height = attrs.chartHeight;
- if (width || height) {
- chartSize = {};
- if (width) {
- chartSize.width = parseInt(width);
- }
- if (height) {
- chartSize.height = parseInt(height);
- }
- chartCtrl.addSize(chartSize);
- }
- };
-
- return {
- "require": "^c3chart",
- "restrict": "E",
- "scope": {},
- "replace": true,
- "link": sizeLinker
- };
-
- })
- .directive('chartColors', function () {
- var colorsLinker = function (scope, element, attrs, chartCtrl) {
- var pattern = attrs.colorPattern;
- if (pattern) {
- chartCtrl.addColors(pattern.split(","));
- }
- };
-
- return {
- "require": "^c3chart",
- "restrict": "E",
- "scope": {},
- "replace": true,
- "link": colorsLinker
- };
-
- });
\ No newline at end of file |