/** * Theme: Ubold Admin Template * Author: Coderthemes * Morris Chart */ !function($) { "use strict"; var DashboardCRM = function() { this.$realData = [] }; //creates line chart DashboardCRM.prototype.createLineChart = function(element, data, xkey, ykeys, labels, opacity, Pfillcolor, Pstockcolor, lineColors) { Morris.Line({ element: element, data: data, xkey: xkey, ykeys: ykeys, labels: labels, fillOpacity: opacity, pointFillColors: Pfillcolor, pointStrokeColors: Pstockcolor, behaveLikeLine: true, gridLineColor: '#2f3e47', gridTextColor: '#98a6ad', hideHover: 'auto', resize: true, //defaulted to true lineColors: lineColors }); }, //creates Bar chart DashboardCRM.prototype.createBarChart = function(element, data, xkey, ykeys, labels, lineColors) { Morris.Bar({ element: element, data: data, xkey: xkey, ykeys: ykeys, labels: labels, hideHover: 'auto', resize: true, //defaulted to true gridLineColor: '#2f3e47', gridTextColor: '#98a6ad', barSizeRatio: 0.5, barColors: lineColors }); }, //creates Donut chart DashboardCRM.prototype.createDonutChart = function(element, data, colors) { Morris.Donut({ element: element, data: data, resize: true, //defaulted to true colors: colors, labelColor: '#fff', backgroundColor: '#2f3e47' }); }, DashboardCRM.prototype.init = function() { //create line chart var $data = [ { y: '2007', a: 20, b: 10 }, { y: '2008', a: 35, b: 25 }, { y: '2009', a: 40, b: 30 }, { y: '2010', a: 55, b: 45 }, { y: '2011', a: 60, b: 50 }, { y: '2012', a: 75, b: 65 }, { y: '2013', a: 80, b: 70 }, { y: '2014', a: 95, b: 85 }, { y: '2015', a: 100, b: 90 } ]; this.createLineChart('morris-line-chart', $data, 'y', ['a', 'b'], ['Deal-Won ', 'Deal-Lost '],['0.1'],['#ffffff'],['#999999'], ['#81c868', '#ffbd4a']); //creating bar chart var $barData = [ { y: '2009', a: 100, b: 90 }, { y: '2010', a: 75, b: 65 }, { y: '2011', a: 50, b: 40 }, { y: '2012', a: 75, b: 65 }, { y: '2013', a: 50, b: 40 }, { y: '2014', a: 75, b: 65 }, { y: '2015', a: 100, b: 90} ]; this.createBarChart('morris-bar-chart', $barData, 'y', ['a', 'b'], ['Won Deals ', 'Lost Deals '], ['#5fbeaa', '#5d9cec']); //creating donut chart var $donutData = [ {label: "Group 1", value: 12}, {label: "Group 2", value: 30}, {label: "Group 3", value: 20} ]; this.createDonutChart('morris-donut-example', $donutData, ['#ebeff2', '#5fbeaa', '#5d9cec']); }, //init $.DashboardCRM = new DashboardCRM, $.DashboardCRM.Constructor = DashboardCRM }(window.jQuery), //initializing function($) { "use strict"; $.DashboardCRM.init(); }(window.jQuery);