fix: Tooltip скрывается через visibility + opacity при уходе с графика

- Используем visibility: hidden + opacity: 0 для скрытия
- Используем visibility: visible + opacity: 1 для показа
- Обработчики вешаются на canvas через getElementById

templates/servers/detail.twig

@@ -589,6 +589,7 @@ const chart{{ metricName|replace({'-': '_', '.': '_'}) }} = new Chart(ctx{{ metr
                             // Show tooltip
                             var position = context.chart.canvas.getBoundingClientRect();
                             tooltipEl.innerHTML = lines.join('<br>');
+                            tooltipEl.style.visibility = 'visible';
                             tooltipEl.style.opacity = 1;
                             tooltipEl.style.left = position.left + window.pageXOffset + context.tooltip.caretX + 10 + 'px';
                             tooltipEl.style.top = position.top + window.pageYOffset + context.tooltip.caretY + 'px';
@@ -605,21 +606,26 @@ const chart{{ metricName|replace({'-': '_', '.': '_'}) }} = new Chart(ctx{{ metr
 });
 
 // Скрывать tooltip при уходе курсора с canvas в любую сторону
-var chartCanvas{{ metricName|replace({'-': '_', '.': '_'}) }} = chart{{ metricName|replace({'-': '_', '.': '_'}) }}.canvas;
+(function() {
-
+    var canvas = document.getElementById('chart-{{ metricName }}');
-chartCanvas{{ metricName|replace({'-': '_', '.': '_'}) }}.addEventListener('mouseout', function() {
+    if (!canvas) return;
-    var tooltipEl = document.getElementById('chartjs-tooltip-{{ server.id }}-{{ metricName }}');
+    
-    if (tooltipEl) {
+    canvas.addEventListener('mouseout', function() {
-        tooltipEl.style.opacity = 0;
+        var tooltipEl = document.getElementById('chartjs-tooltip-{{ server.id }}-{{ metricName }}');
-    }
+        if (tooltipEl) {
-});
+            tooltipEl.style.visibility = 'hidden';
-
+            tooltipEl.style.opacity = '0';
-chartCanvas{{ metricName|replace({'-': '_', '.': '_'}) }}.addEventListener('mouseleave', function() {
+        }
-    var tooltipEl = document.getElementById('chartjs-tooltip-{{ server.id }}-{{ metricName }}');
+    });
-    if (tooltipEl) {
+    
-        tooltipEl.style.opacity = 0;
+    canvas.addEventListener('mouseleave', function() {
-    }
+        var tooltipEl = document.getElementById('chartjs-tooltip-{{ server.id }}-{{ metricName }}');
-});
+        if (tooltipEl) {
+            tooltipEl.style.visibility = 'hidden';
+            tooltipEl.style.opacity = '0';
+        }
+    });
+})();
 
 {% endif %}
 {% endfor %}