mudhorn/prometheus
1
0
Fork 0
mirror of https://github.com/prometheus/prometheus.git synced 2025-03-05 20:59:13 -08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Include date and time in graph hover detail.

Browse source 
This is the same solution as applied to PromDash in
https://github.com/prometheus/promdash/pull/72.

Fixes https://github.com/prometheus/prometheus/issues/1569
This commit is contained in:
Julius Volz 2016-04-22 23:00:18 +02:00
parent bf0897bea5
commit c78bd13a2b
2 changed files with 30 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
web/ui/bindata.go
View file

File diff suppressed because one or more lines are too long

5
web/ui/static/js/graph.js
View file

@ -513,9 +513,10 @@ Prometheus.Graph.prototype.updateGraph = function() {
var hoverDetail = new Rickshaw.Graph.HoverDetail({ var hoverDetail = new Rickshaw.Graph.HoverDetail({
graph: self.rickshawGraph, graph: self.rickshawGraph,
formatter: function(series, x, y) { formatter: function(series, x, y) {
var date = '<span class="date">' + new Date(x * 1000).toUTCString() + '</span>';
var swatch = '<span class="detail_swatch" style="background-color: ' + series.color + '"></span>'; var swatch = '<span class="detail_swatch" style="background-color: ' + series.color + '"></span>';
var content = swatch + (series.labels.__name__ || 'value') + ": <strong>" + y + '</strong><br>'; var content = swatch + (series.labels.__name__ || 'value') + ": <strong>" + y + '</strong>';
return content + self.renderLabels(series.labels); return date + '<br>' + content + '<br>' + self.renderLabels(series.labels);
} }
}); });