File: /home/crm/public_html/wwwroot/assets/js/dashboard/dashboard_3.js
// history
var lineArea1 = new Chartist.Line('.history', {
labels: ['1', '2', '3', '4', '5'],
series: [{
name: 'highest',
data: [3.8, 4, 2.8, 4, 3.2, 5]
}, {
name: 'lowest',
data: [3.8, 4.5, 3.5, 5, 4.6, 7]
}]
}, {
plugins: [
Chartist.plugins.tooltip({
appendToBody: false,
className: "ct-tooltip"
})
],
fullWidth: true,
chartPadding: {
right: 0,
left: -17,
bottom: 0
},
axisY: {
low: 0,
},
axisX: {
showLabel: false,
offset: 0
},
series: {
'highest': {
lineSmooth: Chartist.Interpolation.simple({
divisor: 2
}),
showPoint: false
},
'lowest': {
lineSmooth: Chartist.Interpolation.cardinal({
divisor: 2
}),
showArea: true
},
}
}).on("draw", function(e) {
if ("point" === e.type) {
var t = new Chartist.Svg("circle", {
cx: e.x,
cy: e.y,
"ct:value": e.y,
r: 5,
class: 5 === e.value.y ? "ct-point circle-point" : "ct-point circle-trans"
});
e.element.replace(t)
}
});
lineArea1.on('created', function (data) {
var defs = data.svg.elem('defs');
defs.elem('linearGradient', {
id: 'gradient',
x1: 1,
y1: 1,
x2: 1,
y2: 0
}).elem('stop', {
offset: 0,
'stop-color': '#ffffff'
}).parent().elem('stop', {
offset: 1,
'stop-color': '#f73164'
});
});
// project status
var options = {
chart: {
height: 320,
type: 'radialBar',
},
plotOptions: {
radialBar: {
dataLabels: {
name: {
fontSize: '20px',
},
value: {
fontSize: '16px',
},
total: {
show: true,
label: 'Total',
formatter: function (w) {
return 249
}
}
}
}
},
series: [45, 70, 60],
labels: ['Running', 'Complete', 'Pending'],
colors:['#f73164', '#51bb25', '#fdd92a']
}
var chart = new ApexCharts(
document.querySelector("#project-status"),
options
);
chart.render();
// website development
var options1 = {
chart: {
height: 380,
type: 'rangeBar',
toolbar: {
show: false
},
},
plotOptions: {
bar: {
horizontal: true,
}
},
dataLabels: {
enabled: true
},
colors:['#fdd92a', '#f73164'],
series: [{
name: "John",
data: [{
x: 'Design',
y: [10, 40]
}, {
x: 'Code',
y: [30, 35]
}, {
x: 'Test',
y: [20, 40]
}, {
x: 'Deployment',
y: [20, 25]
}]
}, {
name: "Alena",
data: [{
x: 'Design',
y: [35, 45]
}, {
x: 'Code',
y: [10, 25]
}, {
x: 'Test',
y: [30, 50]
}, {
x: 'Deployment',
y: [15, 25]
}]
}],
}
var chart1 = new ApexCharts(
document.querySelector("#websites"),
options1
);
chart1.render();
// vector map
! function(maps) {
"use strict";
var b = function() {};
b.prototype.init = function() {
maps("#asia").vectorMap({
map: "asia_mill",
backgroundColor: "transparent",
regionStyle: {
initial: {
fill: "#f73164"
}
},
markers: [
{ latLng: [39.91, 116.36], name: 'china', style: {r: 8, fill:'white'}},
{ latLng: [24.774, 46.73], name: 'saudi Arbia', style: {r: 8, fill:'white'}},
{ latLng: [43.238949, 76.889709], name: 'Kyrgyzstan', style: {r: 8, fill:'white'}},
{ latLng: [20.59, 78.96], name: 'India', style: {r: 8, fill:'white'}},
{ latLng: [35.86, 104.19], name: 'Changzhou', style: {r: 8, fill:'white'}},
{ latLng: [23.026, 113.13], name: 'Dongguan', style: {r: 8, fill:'white'}},
{ latLng: [34.68, 112.45], name: 'Henan', style: {r: 8, fill:'white'}},
{ latLng: [33.22, 43.67], name: 'Iraq', style: {r: 8, fill:'white'}}
],
series: {
regions: [{
scale: ['#fdd5df', '#fd0846'],
normalizeFunction: 'polynomial',
values: {
"AF": 16.63,
"AL": 11.58,
"DZ": 158.97,
"AO": 85.81,
"AG": 1.1,
"AR": 351.02,
"AM": 8.83,
"AU": 1219.72,
"AT": 366.26,
"AZ": 52.17,
"BS": 7.54,
"BH": 21.73,
"BD": 105.4,
"BB": 3.96,
"BY": 52.89,
"BE": 461.33,
"BZ": 1.43,
"BJ": 6.49,
"BT": 1.4,
"BO": 19.18,
"BA": 16.2,
"BW": 12.5,
"BR": 2023.53,
"BN": 11.96,
"BG": 44.84,
"BF": 8.67,
"BI": 1.47,
"KH": 11.36,
"CM": 21.88,
"CA": 1563.66,
"CV": 1.57,
"CF": 2.11,
"TD": 7.59,
"CL": 199.18,
"CN": 5745.13,
"CO": 283.11,
"KM": 0.56,
"CD": 12.6,
"CG": 11.88,
"CR": 35.02,
"CI": 22.38,
"HR": 59.92,
"CY": 22.75,
"CZ": 195.23,
"DK": 304.56,
"DJ": 1.14,
"DM": 0.38,
"DO": 50.87,
"EC": 61.49,
"EG": 216.83,
"SV": 21.8,
"GQ": 14.55,
"ER": 2.25,
"EE": 19.22,
"ET": 30.94,
"FJ": 3.15,
"FI": 231.98,
"FR": 2555.44,
"GA": 12.56,
"GM": 1.04,
"GE": 11.23,
"DE": 3305.9,
"GH": 18.06,
"GR": 305.01,
"GD": 0.65,
"GT": 40.77,
"GN": 4.34,
"GW": 0.83,
"GY": 2.2,
"HT": 6.5,
"HN": 15.34,
"HK": 226.49,
"HU": 132.28,
"IS": 12.77,
"IN": 1430.02,
"IR": 337.9,
"IE": 204.14,
"IL": 201.25,
"IT": 2036.69,
"JM": 13.74,
"JP": 5390.9,
"KZ": 129.76,
"KE": 32.42,
"KI": 0.15,
"KR": 986.26,
"KW": 117.32,
"KG": 4.44,
"LA": 6.34,
"LV": 23.39,
"LB": 39.15,
"LS": 1.8,
"LR": 0.98,
"LY": 77.91,
"LT": 35.73,
"LU": 52.43,
"MK": 9.58,
"MG": 8.33,
"MW": 5.04,
"MY": 218.95,
"MV": 1.43,
"ML": 9.08,
"MT": 7.8,
"MR": 3.49,
"MU": 9.43,
"MX": 1004.04,
"MD": 5.36,
"MN": 5.81,
"ME": 3.88,
"MA": 91.7,
"MZ": 10.21,
"MM": 35.65,
"NA": 11.45,
"NP": 15.11,
"NL": 770.31,
"NZ": 138,
"NI": 6.38,
"NE": 5.6,
"NG": 206.66,
"NO": 413.51,
"PK": 174.79,
"PA": 27.2,
"PG": 8.81,
"PY": 17.17,
"PE": 153.55,
"PH": 189.06,
"PL": 438.88,
"PT": 223.7,
"QA": 126.52,
"RO": 158.39,
"RU": 1476.91,
"RW": 5.69,
"WS": 0.55,
"ST": 0.19,
"SN": 12.66,
"RS": 38.92,
"SC": 0.92,
"SL": 1.9,
"SG": 217.38,
"SK": 86.26,
"SI": 46.44,
"SB": 0.67,
"ZA": 354.41,
"ES": 1374.78,
"LK": 48.24,
"KN": 0.56,
"LC": 1,
"VC": 0.58,
"SD": 65.93,
"SR": 3.3,
"SZ": 3.17,
"SE": 444.59,
"CH": 522.44,
"TW": 426.98,
"TJ": 5.58,
"TZ": 22.43,
"TH": 312.61,
"TL": 0.62,
"TG": 3.07,
"TO": 0.3,
"TT": 21.2,
"TN": 43.86,
"TM": 0,
"UG": 17.12,
"UA": 136.56,
"GB": 2258.57,
"US": 14624.18,
"UY": 40.71,
"UZ": 37.72,
"VU": 0.72,
"VE": 285.21,
"VN": 101.99,
"ZM": 15.69,
"ZW": 5.57
}
}]
}
})
}, maps.VectorMap = new b, maps.VectorMap.Constructor = b
}(window.jQuery),
function(maps) {
"use strict";
maps.VectorMap.init()
}(window.jQuery);