384 lines
9.7 KiB
JavaScript
384 lines
9.7 KiB
JavaScript
// 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); |