definicao de layout
This commit is contained in:
384
public/assets/js/dashboard/dashboard_3.js
Normal file
384
public/assets/js/dashboard/dashboard_3.js
Normal file
@@ -0,0 +1,384 @@
|
||||
// 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);
|
||||
Reference in New Issue
Block a user