welton/RRBEC
1
0
Fork 0
mirror of https://github.com/welton89/RRBEC.git synced 2026-04-05 13:35:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: chart in page home

Browse Source
This commit is contained in:
Welton Moura
2025-01-09 16:57:29 -03:00
parent 1011624f03
commit faaf0d3576
4 changed files with 76 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
gestaoRaul/templates/static/home/css/home.css
View File

@@ -14,7 +14,7 @@
width: 420px;
height: 420px;
background-color: #2b376e;
border-radius: 15px;
border-radius: 10px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
text-align: center;
line-height: 30px; /* Centraliza o texto verticalmente */
@@ -46,10 +46,8 @@
width: 95%;
/* height: 80%; */
background-color: #2b376e;
border-radius: 15px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
text-align: center;
line-height: 30px; /* Centraliza o texto verticalmente */
line-height: 30px;
font-size: 20px;
font-weight: bold;
padding: 10px;

37
gestaoRaul/templates/static/home/js/home.js
View File

@@ -0,0 +1,37 @@
console.log(document.getElementById('n-0'))
var xValues = [document.getElementById('n-0').innerText,
document.getElementById('n-1').innerText,
document.getElementById('n-2').innerText,
document.getElementById('n-3').innerText,
document.getElementById('n-4').innerText
];
var yValues = [document.getElementById('q-0').innerText,
document.getElementById('q-1').innerText,
document.getElementById('q-2').innerText,
document.getElementById('q-3').innerText,
document.getElementById('q-4').innerText
];
var barColors = ["red", "green","blue","orange","brown"];
new Chart("vendas", {
type: "bar",
data: {
labels: xValues,
datasets: [{
backgroundColor: barColors,
data: yValues
}]
},
options: {
legend: {display: false},
title: {
display: true,
text: "Produtos mais vendidos"
},
}
});