diff options
author | Ole Mathias Aa. Heggem <olemathias.aa.heggem@gmail.com> | 2018-03-18 15:44:28 +0100 |
---|---|---|
committer | Ole Mathias Aa. Heggem <olemathias.aa.heggem@gmail.com> | 2018-03-18 15:44:28 +0100 |
commit | dfc74df8f82d7c295319f3e197cb2d37a8ee6ddd (patch) | |
tree | 5b4b00409761f44227b9294e0c62f059ab68fae9 | |
parent | d6909b970234d950db0531a245f60333637956aa (diff) |
Color tweak to latency chart
-rw-r--r-- | web/js/nms-draw-chart.js | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/web/js/nms-draw-chart.js b/web/js/nms-draw-chart.js index e52bd7a..da621e7 100644 --- a/web/js/nms-draw-chart.js +++ b/web/js/nms-draw-chart.js @@ -3,9 +3,11 @@ function setNightModeChart(night) { if(night) { Chart.defaults.global.defaultFontColor = "#fff"; + Chart.defaults.scale.gridLines.color = "#444" } else { Chart.defaults.global.defaultFontColor = "#222"; + Chart.defaults.scale.gridLines.color = "#ddd" } } @@ -19,7 +21,12 @@ function drawLatency(canvas, sw, chart, callback) { serie['values'].forEach(function(element) { data.push({t: new Date(element[0]), y: element[1]}); }); - dataset.push({data: data, backgroundColor:'rgba(66,139,202,255)', label:serie['tags']['version'] }); + var borderColor = "rgba(0,155,200,255)"; + console.log(serie['tags']['version']); + if(serie['tags']['version'] === "v6") { + borderColor = "rgba(100,155,100,255)"; + } + dataset.push({data: data, fill:false, borderColor:borderColor, label:serie['tags']['version'] }); }); if(chart != false) { chart.data.datasets = dataset; @@ -33,6 +40,9 @@ function drawLatency(canvas, sw, chart, callback) { datasets: dataset }, options: { + legend: { + display: false + }, scales: { xAxes:[{ type: 'time', @@ -81,7 +91,6 @@ function drawSumOfPorts(canvas, sw) { var dataset = []; $.getJSON( "/query?db=gondul&q="+q, function( results ) { - console.log(results); var bits_in = []; var bits_out = []; @@ -211,14 +220,11 @@ function drawPort(canvas, sw, port) { var gigabit = megabit * 1024; var terabit = gigabit * 1024; - console.log(sw); - console.log(port); var q = encodeURIComponent('SELECT non_negative_derivative(first("ifHCInOctets"), 1s) * 8 AS "ifHCInOctets", non_negative_derivative(first("ifHCOutOctets"), 1s) * 8 AS "ifHCOutOctets" FROM "ports" WHERE time > now() - 30m AND "switch"=\''+sw+'\' AND "interface"=\''+port+'\' GROUP BY time(30s) fill(null)'); var dataset = []; $.getJSON( "/query?db=gondul&q="+q, function( results ) { - console.log(results); var serie = results['results'][0]['series'][0]; |