54 lines
1.5 KiB
JavaScript
54 lines
1.5 KiB
JavaScript
|
|
||
|
|
/**
|
||
|
|
* Theme: Ubold Admin Template
|
||
|
|
* Author: Coderthemes
|
||
|
|
* Leads
|
||
|
|
*/
|
||
|
|
|
||
|
|
!function($) {
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
var LeadsCharts = function() {};
|
||
|
|
|
||
|
|
//creates Stacked chart
|
||
|
|
LeadsCharts.prototype.createStackedChart = function(element, data, xkey, ykeys, labels, lineColors) {
|
||
|
|
Morris.Bar({
|
||
|
|
element: element,
|
||
|
|
data: data,
|
||
|
|
xkey: xkey,
|
||
|
|
ykeys: ykeys,
|
||
|
|
stacked: true,
|
||
|
|
labels: labels,
|
||
|
|
hideHover: 'auto',
|
||
|
|
resize: true, //defaulted to true
|
||
|
|
gridLineColor: '#2f3e47',
|
||
|
|
gridTextColor: '#98a6ad',
|
||
|
|
barColors: lineColors
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
LeadsCharts.prototype.init = function() {
|
||
|
|
|
||
|
|
|
||
|
|
//creating Stacked chart
|
||
|
|
var $stckedData = [
|
||
|
|
{ y: 'Mon', a: 45, b: 180 },
|
||
|
|
{ y: 'Tue', a: 75, b: 65 },
|
||
|
|
{ y: 'Wed', a: 100, b: 90 },
|
||
|
|
{ y: 'Thur', a: 75, b: 65 },
|
||
|
|
{ y: 'Fri', a: 100, b: 90 },
|
||
|
|
{ y: 'Sat', a: 75, b: 65 },
|
||
|
|
{ y: 'Sun', a: 50, b: 40 }
|
||
|
|
];
|
||
|
|
this.createStackedChart('morris-bar-stacked', $stckedData, 'y', ['a', 'b'], ['Series A', 'Series B'], ['#5d9cec', '#ebeff2']);
|
||
|
|
|
||
|
|
},
|
||
|
|
//init
|
||
|
|
$.LeadsCharts = new LeadsCharts, $.LeadsCharts.Constructor = LeadsCharts
|
||
|
|
}(window.jQuery),
|
||
|
|
|
||
|
|
//initializing
|
||
|
|
function($) {
|
||
|
|
"use strict";
|
||
|
|
$.LeadsCharts.init();
|
||
|
|
}(window.jQuery);
|