mirivlad
/
mirvmon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use context.tooltip._active to hide tooltip on mouseleave

This commit is contained in:
mirivlad 2026-02-15 06:54:26 +00:00
parent 4f9bcdd7dc
commit 26d659ae7d
1 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
templates/servers/detail.twig
View File

@ -518,18 +518,15 @@ new Chart(ctx{{ metricName|replace({'-': '_', '.': '_'}) }}, {
tooltipEl.style.fontSize = '12px'; tooltipEl.style.fontSize = '12px';
tooltipEl.style.pointerEvents = 'none'; tooltipEl.style.pointerEvents = 'none';
document.body.appendChild(tooltipEl); document.body.appendChild(tooltipEl);
// Hide tooltip on mouseleave
context.chart.canvas.addEventListener('mouseleave', function() {
tooltipEl.style.opacity = 0;
});
} }
var dataIndex = context.tooltip && context.tooltip.dataPoints && context.tooltip.dataPoints[0] ? context.tooltip.dataPoints[0].dataIndex : null; // Прячем если курсор ушел с графика
if (dataIndex === null) { if (!context.tooltip._active || context.tooltip._active.length === 0) {
tooltipEl.style.opacity = 0; tooltipEl.style.opacity = 0;
return; return;
} }
var dataIndex = context.tooltip._active[0].index;
var time = labels{{ metricName }}[dataIndex]; var time = labels{{ metricName }}[dataIndex];
// Fetch processes // Fetch processes
@ -537,7 +534,8 @@ new Chart(ctx{{ metricName|replace({'-': '_', '.': '_'}) }}, {
.then(response => response.json()) .then(response => response.json())
.then(data => { .then(data => {
var lines = []; var lines = [];
lines.push('{{ metricName|replace({'_': ' ', 'load': 'загрузка', 'used': 'использование'})|title }}: ' + data{{ metricName }}[dataIndex]); lines.push('Время: ' + time);
lines.push('Значение: ' + data{{ metricName }}[dataIndex]);
{% if metricName == 'cpu_load' %} {% if metricName == 'cpu_load' %}
// Показываем только top_cpu // Показываем только top_cpu
if (data.top_cpu && data.top_cpu.length > 0) { if (data.top_cpu && data.top_cpu.length > 0) {