summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/monitoring/utils
diff options
context:
space:
mode:
authorJose Ivan Vargas <jvargas@gitlab.com>2017-09-07 16:30:25 -0500
committerJose Ivan Vargas <jvargas@gitlab.com>2017-09-07 16:30:25 -0500
commit851ada82158fccce112665c420b60d1905317dba (patch)
tree8d4ce29af89208fc1da81ecab86caed009e78a4c /app/assets/javascripts/monitoring/utils
parenta2d10937d861b1d288786ba92de2306f4f2ab22b (diff)
downloadgitlab-ce-851ada82158fccce112665c420b60d1905317dba.tar.gz
addressed code quality observations
Diffstat (limited to 'app/assets/javascripts/monitoring/utils')
-rw-r--r--app/assets/javascripts/monitoring/utils/multiple_time_series.js37
1 files changed, 12 insertions, 25 deletions
diff --git a/app/assets/javascripts/monitoring/utils/multiple_time_series.js b/app/assets/javascripts/monitoring/utils/multiple_time_series.js
index 17e5eb79816..955b963b451 100644
--- a/app/assets/javascripts/monitoring/utils/multiple_time_series.js
+++ b/app/assets/javascripts/monitoring/utils/multiple_time_series.js
@@ -41,12 +41,10 @@ export default function createTimeSeries(queryData, graphWidth, graphHeight, gra
const maxValueFromSeries = _.max(maxValues, val => val.maxValue);
- let timeSeriesNumber = 1;
-
- return queryData.result.map((timeSeries) => {
+ return queryData.result.map((timeSeries, timeSeriesNumber) => {
let metricTag = '';
- let lineColor = '#1f78d1';
- let areaColor = '#8fbce8';
+ let lineColor = '';
+ let areaColor = '';
const timeSeriesScaleX = d3.time.scale()
.range([0, graphWidth - 70]);
@@ -69,27 +67,16 @@ export default function createTimeSeries(queryData, graphWidth, graphHeight, gra
.y0(graphHeight - graphHeightOffset)
.y1(d => timeSeriesScaleY(d.value));
- if (queryData.series != null) {
- const timeSeriesMetricLabel = timeSeries.metric[Object.keys(timeSeries.metric)[0]];
- const seriesCustomizationData = _.findWhere(queryData.series[0].series,
- { value: timeSeriesMetricLabel });
- if (seriesCustomizationData != null) {
- metricTag = seriesCustomizationData.value || timeSeriesMetricLabel;
- if (seriesCustomizationData.color != null) {
- [lineColor, areaColor] = pickColor(seriesCustomizationData.color);
- } else {
- [lineColor, areaColor] = pickColor();
- }
- } else {
- metricTag = timeSeriesMetricLabel || `series ${timeSeriesNumber}`;
- [lineColor, areaColor] = pickColor();
- }
- }
-
- if (timeSeriesNumber <= 5) {
- timeSeriesNumber = timeSeriesNumber += 1;
+ const timeSeriesMetricLabel = timeSeries.metric[Object.keys(timeSeries.metric)[0]];
+ const seriesCustomizationData = queryData.series != null &&
+ _.findWhere(queryData.series[0].series,
+ { value: timeSeriesMetricLabel });
+ if (seriesCustomizationData != null) {
+ metricTag = seriesCustomizationData.value || timeSeriesMetricLabel;
+ [lineColor, areaColor] = pickColor(seriesCustomizationData.color);
} else {
- timeSeriesNumber = 1;
+ metricTag = timeSeriesMetricLabel || `series ${timeSeriesNumber + 1}`;
+ [lineColor, areaColor] = pickColor();
}
return {