🙏⛳️ Checkpoint
./public/index.js:1954897/89981
This commit is contained in:
@@ -204,3 +204,41 @@ ECSW,1636873846162,2
|
||||
ECSW,1636873863197,2
|
||||
ECSW,1636873894268,4
|
||||
ECSW,1636873912349,3
|
||||
ECSW,1636873930157,3
|
||||
ECSW,1636873954258,4
|
||||
ECSW,1636873972359,3
|
||||
ECSW,1636873990298,4
|
||||
ECSW,1636874009332,2
|
||||
ECSW,1636874028241,3
|
||||
ECSW,1636874050267,4
|
||||
ECSW,1636874067444,2
|
||||
ECSW,1636874085133,3
|
||||
ECSW,1636874104244,3
|
||||
ECSW,1636874122211,3
|
||||
ECSW,1636874147562,4
|
||||
ECSW,1636874165458,4
|
||||
ECSW,1636874183138,3
|
||||
ECSW,1636874201135,3
|
||||
ECSW,1636874230566,3
|
||||
ECSW,1636874248321,3
|
||||
ECSW,1636874267290,3
|
||||
ECSW,1636874285311,3
|
||||
ECSW,1636874303123,2
|
||||
ECSW,1636874320412,3
|
||||
ECSW,1636874350457,3
|
||||
ECSW,1636874368196,3
|
||||
ECSW,1636874385245,3
|
||||
ECSW,1636874402130,3
|
||||
ECSW,1636874419366,3
|
||||
ECSW,1636874436462,3
|
||||
ECSW,1636874455135,3
|
||||
ECSW,1636874472658,2
|
||||
ECSW,1636874490302,2
|
||||
ECSW,1636874508202,2
|
||||
ECSW,1636874526195,2
|
||||
ECSW,1636874546436,3
|
||||
ECSW,1636874564085,2
|
||||
ECSW,1636874588201,2
|
||||
ECSW,1636874605491,2
|
||||
ECSW,1636874629189,3
|
||||
ECSW,1636874649059,2
|
||||
|
||||
|
+12
-21
@@ -121,7 +121,7 @@ async function displayCard(id) {
|
||||
<canvas id="myChart" height="80"></canvas>
|
||||
`
|
||||
card.style.setProperty("--region", `'${id}'`)
|
||||
updateChart()
|
||||
updateChart(data)
|
||||
await card.animate([
|
||||
{ transform: 'translateY(0%)', opacity: "1" },
|
||||
], {
|
||||
@@ -132,31 +132,19 @@ async function displayCard(id) {
|
||||
}
|
||||
|
||||
|
||||
function updateChart() {
|
||||
function updateChart(data) {
|
||||
// { loc, time: new Date(+time), count: parseInt(count) }
|
||||
|
||||
const parsed = data.map(d => ({ x: d.time, y: d.count }))
|
||||
|
||||
const ctx = document.getElementById('myChart').getContext('2d')
|
||||
new Chart(ctx, {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: ['Now', '1h ago', '2h ago', '3h ago', '4h ago', '5h ago'].reverse(),
|
||||
// labels: ['Now', '1h ago', '2h ago', '3h ago', '4h ago', '5h ago'].reverse(),
|
||||
datasets: [{
|
||||
label: 'Density',
|
||||
data: [12, 19, 3, 5, 2, 3],
|
||||
// backgroundColor: [
|
||||
// 'rgba(255, 99, 132, 0.2)',
|
||||
// 'rgba(54, 162, 235, 0.2)',
|
||||
// 'rgba(255, 206, 86, 0.2)',
|
||||
// 'rgba(75, 192, 192, 0.2)',
|
||||
// 'rgba(153, 102, 255, 0.2)',
|
||||
// 'rgba(255, 159, 64, 0.2)'
|
||||
// ],
|
||||
// borderColor: [
|
||||
// 'rgba(255, 99, 132, 1)',
|
||||
// 'rgba(54, 162, 235, 1)',
|
||||
// 'rgba(255, 206, 86, 1)',
|
||||
// 'rgba(75, 192, 192, 1)',
|
||||
// 'rgba(153, 102, 255, 1)',
|
||||
// 'rgba(255, 159, 64, 1)'
|
||||
// ],
|
||||
data: parsed,
|
||||
borderColor: '#55aadd',
|
||||
backgroundColor: '#55aadd',
|
||||
// borderWidth: 2
|
||||
@@ -164,8 +152,11 @@ function updateChart() {
|
||||
},
|
||||
options: {
|
||||
scales: {
|
||||
x: {
|
||||
beginAtZero: true,
|
||||
},
|
||||
y: {
|
||||
beginAtZero: true
|
||||
beginAtZero: true,
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user