root/apt-nl-map
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

magic4

Browse Source
This commit is contained in:
蔡玲
2024-12-03 16:40:54 +08:00
parent 6e6dd6a4fc
commit 9d776c65e9
408 changed files with 498647 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

247
static/Magic4/js/dashboard.js Normal file
View File

@@ -0,0 +1,247 @@
(function($) {
'use strict';
$(function() {
if ($('#cash-deposits-chart').length) {
var cashDepositsCanvas = $("#cash-deposits-chart").get(0).getContext("2d");
var data = {
labels: ["0", "1", "2", "3", "4", "5", "6", "7", "8"],
datasets: [
{
label: 'Returns',
data: [27, 35, 30, 40, 52, 48, 54, 46, 70],
borderColor: [
'#ff4747'
],
borderWidth: 2,
fill: false,
pointBackgroundColor: "#fff"
},
{
label: 'Sales',
data: [29, 40, 37, 48, 64, 58, 70, 57, 80],
borderColor: [
'#4d83ff'
],
borderWidth: 2,
fill: false,
pointBackgroundColor: "#fff"
},
{
label: 'Loss',
data: [90, 62, 80, 63, 72, 62, 40, 50, 38],
borderColor: [
'#ffc100'
],
borderWidth: 2,
fill: false,
pointBackgroundColor: "#fff"
}
]
};
var options = {
scales: {
yAxes: [{
display: true,
gridLines: {
drawBorder: false,
lineWidth: 1,
color: "#e9e9e9",
zeroLineColor: "#e9e9e9",
},
ticks: {
min: 0,
max: 100,
stepSize: 20,
fontColor: "#6c7383",
fontSize: 16,
fontStyle: 300,
padding: 15
}
}],
xAxes: [{
display: true,
gridLines: {
drawBorder: false,
lineWidth: 1,
color: "#e9e9e9",
},
ticks : {
fontColor: "#6c7383",
fontSize: 16,
fontStyle: 300,
padding: 15
}
}]
},
legend: {
display: false
},
legendCallback: function(chart) {
var text = [];
text.push('<ul class="dashboard-chart-legend">');
for(var i=0; i < chart.data.datasets.length; i++) {
text.push('<li><span style="background-color: ' + chart.data.datasets[i].borderColor[0] + ' "></span>');
if (chart.data.datasets[i].label) {
text.push(chart.data.datasets[i].label);
}
}
text.push('</ul>');
return text.join("");
},
elements: {
point: {
radius: 3
},
line :{
tension: 0
}
},
stepsize: 1,
layout : {
padding : {
top: 0,
bottom : -10,
left : -10,
right: 0
}
}
};
var cashDeposits = new Chart(cashDepositsCanvas, {
type: 'line',
data: data,
options: options
});
document.getElementById('cash-deposits-chart-legend').innerHTML = cashDeposits.generateLegend();
}
if ($('#total-sales-chart').length) {
var totalSalesChartCanvas = $("#total-sales-chart").get(0).getContext("2d");
var data = {
labels: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9",'10', '11','12', '13', '14', '15','16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26','27','28','29', '30','31', '32', '33', '34', '35', '36', '37','38', '39', '40'],
datasets: [
{
label: '2019',
data: [42, 42, 30, 30, 18, 22, 16, 21, 22, 22, 22, 20, 24, 20, 18, 22, 30, 34 ,32, 33, 33, 24, 32, 34 , 30, 34, 19 ,34, 18, 10, 22, 24, 20, 22, 20, 21, 10, 10, 5, 9, 14 ],
borderColor: [
'transparent'
],
borderWidth: 2,
fill: true,
backgroundColor: "rgba(47,91,191,0.77)"
},
{
label: '2018',
data: [35, 28, 32, 42, 44, 46, 42, 50, 48, 30, 35, 48, 42, 40, 54, 58, 56, 55, 59, 58, 57, 60, 66, 54, 38, 40, 42, 44, 42, 43, 42, 38, 43, 41, 43, 50, 58 ,58, 68, 72, 72 ],
borderColor: [
'transparent'
],
borderWidth: 2,
fill: true,
backgroundColor: "rgba(77,131,255,0.77)"
},
{
label: 'Past years',
data: [98, 88, 92, 90, 98, 98, 90, 92, 78, 88, 84, 76, 80, 72, 74, 74, 88, 80, 72, 62, 62, 72, 72, 78, 78, 72, 75, 78, 68, 68, 60, 68, 70, 75, 70, 80, 82, 78, 78, 84, 82 ],
borderColor: [
'transparent'
],
borderWidth: 2,
fill: true,
backgroundColor: "rgba(77,131,255,0.43)"
}
]
};
var options = {
scales: {
yAxes: [{
display: false,
gridLines: {
drawBorder: false,
lineWidth: 1,
color: "#e9e9e9",
zeroLineColor: "#e9e9e9",
},
ticks: {
display : true,
min: 0,
max: 100,
stepSize: 10,
fontColor: "#6c7383",
fontSize: 16,
fontStyle: 300,
padding: 15
}
}],
xAxes: [{
display: false,
gridLines: {
drawBorder: false,
lineWidth: 1,
color: "#e9e9e9",
},
ticks : {
display: true,
fontColor: "#6c7383",
fontSize: 16,
fontStyle: 300,
padding: 15
}
}]
},
legend: {
display: false
},
legendCallback: function(chart) {
var text = [];
text.push('<ul class="dashboard-chart-legend mb-0 mt-4">');
for(var i=0; i < chart.data.datasets.length; i++) {
text.push('<li><span style="background-color: ' + chart.data.datasets[i].backgroundColor + ' "></span>');
if (chart.data.datasets[i].label) {
text.push(chart.data.datasets[i].label);
}
}
text.push('</ul>');
return text.join("");
},
elements: {
point: {
radius: 0
},
line :{
tension: 0
}
},
stepsize: 1,
layout : {
padding : {
top: 0,
bottom : 0,
left : 0,
right: 0
}
}
};
var totalSalesChart = new Chart(totalSalesChartCanvas, {
type: 'line',
data: data,
options: options
});
document.getElementById('total-sales-chart-legend').innerHTML = totalSalesChart.generateLegend();
}
$('#recent-purchases-listing').DataTable({
"aLengthMenu": [
[5, 10, 15, -1],
[5, 10, 15, "All"]
],
"iDisplayLength": 10,
"language": {
search: ""
},
searching: false, paging: false, info: false
});
});
})(jQuery);