fix: Tooltip исчезает при уходе курсора с графика в любую сторону
- Добавлен обработчик mouseout вместе с mouseleave - Теперь tooltip скрывается при уходе курсора влево/вправо/вверх/вниз - Убрано不必要的 clearing tooltip._active и draw()
This commit is contained in:
parent
54e0a2e8c9
commit
6a8d69027b
|
|
@ -505,7 +505,7 @@ labels{{ metricName }}.push('{{ time_val|date(time_format) }}');
|
||||||
data{{ metricName }}.push({{ metric.value|raw }});
|
data{{ metricName }}.push({{ metric.value|raw }});
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
new Chart(ctx{{ metricName|replace({'-': '_', '.': '_'}) }}, {
|
const chart{{ metricName|replace({'-': '_', '.': '_'}) }} = new Chart(ctx{{ metricName|replace({'-': '_', '.': '_'}) }}, {
|
||||||
type: 'line',
|
type: 'line',
|
||||||
data: {
|
data: {
|
||||||
labels: labels{{ metricName }},
|
labels: labels{{ metricName }},
|
||||||
|
|
@ -603,6 +603,24 @@ new Chart(ctx{{ metricName|replace({'-': '_', '.': '_'}) }}, {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Скрывать tooltip при уходе курсора с canvas в любую сторону
|
||||||
|
var chartCanvas{{ metricName|replace({'-': '_', '.': '_'}) }} = chart{{ metricName|replace({'-': '_', '.': '_'}) }}.canvas;
|
||||||
|
|
||||||
|
chartCanvas{{ metricName|replace({'-': '_', '.': '_'}) }}.addEventListener('mouseout', function() {
|
||||||
|
var tooltipEl = document.getElementById('chartjs-tooltip-{{ server.id }}-{{ metricName }}');
|
||||||
|
if (tooltipEl) {
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue