opendev/elastic-recheck
Code Issues Proposed changes

Add graph for gate hit count

Browse Source 
When looking at the gate failure rate it is easier to interpret it if
one knows how big the data set is.

Also change the color codes used to be brighter and human readable.
Color code names found here:
http://graphite.readthedocs.org/en/1.0/url-api.html

Change-Id: I7d304623b3c244876684ea2b0f822dee354b84c1
This commit is contained in:
Joe Gordon 2013-12-11 15:12:05 +01:00
parent af9aa3678a
commit 77470c4f6f
2 changed files with 38 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/share/elastic-recheck.js
View File

@ -21,6 +21,15 @@ function graphite_moving_avg(job, color) {
return graph;
}
function graphite_hit_count(job, color) {
var time = '5hours';
var graph = "color(alias(hitcount(";
graph += "sum(stats.zuul.pipeline.gate.job." + job + ".{SUCCESS,FAILURE})";
graph += ",'" + time + "'), '" + job + "'),'" + color + "')";
return graph;
}
function update() {
$.getJSON('http://status.openstack.org/elastic-recheck/data/graph.json', function(data) {
var seen = [];

35
web/share/index.html
View File

@ -77,17 +77,40 @@ $("#graph-container").append($(new Image()).graphite({
yMax: 100,
yMin: 0,
target: [
graphite_moving_avg("gate-tempest-dsvm-neutron", "00c868"),
graphite_moving_avg("gate-tempest-dsvm-full","00FF00"),
graphite_moving_avg("gate-grenade-dsvm","800080"),
graphite_moving_avg("gate-tempest-dsvm-large-ops","00F0F0"),
graphite_moving_avg("gate-tempest-dsvm-neutron-large-ops","E080FF"),
graphite_moving_avg("gate-tempest-dsvm-postgres-full","ED9121")
graphite_moving_avg("gate-tempest-dsvm-neutron", "purple"),
graphite_moving_avg("gate-tempest-dsvm-full","orange"),
graphite_moving_avg("gate-grenade-dsvm","brown"),
graphite_moving_avg("gate-tempest-dsvm-large-ops","blue"),
graphite_moving_avg("gate-tempest-dsvm-neutron-large-ops","aqua"),
graphite_moving_avg("gate-tempest-dsvm-postgres-full","magenta")
],
title: "Gate Failure Rates"
}));
</script>
</div>
<div class="container" id="graph-container">
<script type="text/javascript">
$("#graph-container").append($(new Image()).graphite({
from: "-36hours",
url: "http://graphite.openstack.org/render/",
width: 600,
height: 200,
bgcolor: 'ffffff',
fgcolor: '000000',
hideGrid: true,
target: [
graphite_hit_count("gate-tempest-dsvm-neutron", "purple"),
graphite_hit_count("gate-tempest-dsvm-full","orange"),
graphite_hit_count("gate-grenade-dsvm","brown"),
graphite_hit_count("gate-tempest-dsvm-large-ops","blue"),
graphite_hit_count("gate-tempest-dsvm-neutron-large-ops","aqua"),
graphite_hit_count("gate-tempest-dsvm-postgres-full","magenta")
],
title: "Gate Hit Count"
}));
</script>
</div>
<div id="main-container" class="container">
</div>