fix chart hover
This commit is contained in:
@ -128,10 +128,48 @@
|
|||||||
options: {
|
options: {
|
||||||
responsive: true,
|
responsive: true,
|
||||||
maintainAspectRatio: false,
|
maintainAspectRatio: false,
|
||||||
plugins: { legend: { display: false } },
|
// --- NOUVELLES OPTIONS DE PRÉCISION ---
|
||||||
|
interaction: {
|
||||||
|
mode: 'index', // Détecte le point le plus proche sur l'axe X
|
||||||
|
intersect: false, // Pas besoin d'être pile sur le point pour l'activer
|
||||||
|
},
|
||||||
|
hover: {
|
||||||
|
mode: 'index',
|
||||||
|
intersect: false
|
||||||
|
},
|
||||||
|
// ---------------------------------------
|
||||||
|
plugins: {
|
||||||
|
legend: { display: false },
|
||||||
|
tooltip: {
|
||||||
|
enabled: true,
|
||||||
|
backgroundColor: '#1f2937',
|
||||||
|
titleColor: '#9ca3af',
|
||||||
|
bodyColor: '#3b82f6',
|
||||||
|
bodyFont: { weight: 'bold', size: 14 },
|
||||||
|
borderColor: '#374151',
|
||||||
|
borderWidth: 1,
|
||||||
|
padding: 12,
|
||||||
|
displayColors: false,
|
||||||
|
callbacks: {
|
||||||
|
label: function(context) {
|
||||||
|
return context.parsed.y + ' €';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
scales: {
|
scales: {
|
||||||
y: { display: false, beginAtZero: false },
|
y: {
|
||||||
x: { grid: { display: false }, ticks: { color: '#4b5563', font: {size: 9} } }
|
display: false,
|
||||||
|
beginAtZero: false
|
||||||
|
},
|
||||||
|
x: {
|
||||||
|
grid: { display: false },
|
||||||
|
ticks: {
|
||||||
|
color: '#4b5563',
|
||||||
|
font: { size: 9 },
|
||||||
|
maxRotation: 0
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@ -146,7 +184,6 @@
|
|||||||
.then(data => {
|
.then(data => {
|
||||||
if (!data.length) return;
|
if (!data.length) return;
|
||||||
fullData = data;
|
fullData = data;
|
||||||
|
|
||||||
// Maj des stats
|
// Maj des stats
|
||||||
const prices = data.map(d => d.price);
|
const prices = data.map(d => d.price);
|
||||||
document.getElementById('price-now-' + pid).innerText = prices[prices.length-1] + ' €';
|
document.getElementById('price-now-' + pid).innerText = prices[prices.length-1] + ' €';
|
||||||
|
|||||||
Reference in New Issue
Block a user