https://fxboss.firstcitizens.com/app/dashboardWidget/account_balan…balance_chart_controller.js?v=31082026-1758

1var app = angular.module('bossApp');
2app.controller('accountBalanceChartCtrl', ['$scope', '$rootScope','$filter',
3function($scope, $rootScope,$filter) {
4	
5    $scope.loadingAccounrBalanceChart = false;
6	$scope.getMonthNameByIndex = function(_index){
7		var _month= ["January","February","March","April","May","June","July",
8            "August","September","October","November","December"];
9		return _month[_index];
10	}
11	
12	getDisplayStr = function(x){
13		var _month = $scope.getMonthNameByIndex(x.getMonth());
14		return _month.slice(0, 3);
15	}
16	
17	
18    var data = [
19      { y: '2014-01', a: 50,  b: 90, c: 80},
20      { y: '2014-02', a: 65,  b: 75, c: 65},
21      { y: '2014-03', a: 50,  b: 50, c: 40},
22      { y: '2014-04', a: 75,  b: 60, c: 50},
23      { y: '2014-05', a: 80,  b: 65, c: 55},
24      { y: '2014-06', a: 90,  b: 70, c: 60},
25      { y: '2014-07', a: 100, b: 75, c: 65},
26      { y: '2014-08', a: 115, b: 75, c: 60},
27      { y: '2014-09', a: 120, b: 85, c: 70},
28      { y: '2014-10', a: 145, b: 85, c: 75},
29      { y: '2014-11', a: 160, b: 95, c: 85},
30      { y: '2014-12', a: 160, b: 95, c: 85}
31    ],
32    config = {
33      data: data,
34      xkey: 'y',
35      ykeys: ['a', 'b','c'],
36	  labels: ['Income', 'Expense', 'Balance'],
37      fillOpacity: 0.6,
38      hideHover: 'auto',
39      behaveLikeLine: true,
40      resize: true,
41      pointFillColors:['#ffffff'],
42      pointStrokeColors: ['black'],
43      lineColors:['#3498db','#c7254e','#f26522'],
44	  xLabels: "month",
45	  xLabelFormat: function (x) { return getDisplayStr(x); },
46	  yLabelFormat: function (y) { 
47									let decimalAmount = $filter('number')(y.toString(), 2);
48									return "$ " + decimalAmount;
49								},
50		hoverCallback: function(index, options, content) {
51			var _contentArr = content.split("<div class='morris-hover-row-label'>");
52			var _arrVal = _contentArr[1].substr(7);
53			var _finalContent = "<div class='morris-hover-row-label'>"+ $scope.getMonthNameByIndex(index) + _arrVal;
54		  
55		  return(_finalContent);
56		}
57  };
58	config.element = 'account-balance-line-chart';
59	Morris.Line(config);
60}]);