From 2e66da48c5c802d9eed9921a951f56c719273dc9 Mon Sep 17 00:00:00 2001 From: Mike Greiling <mike@pixelcog.com> Date: Thu, 22 Feb 2018 00:25:13 -0600 Subject: [PATCH] add option to hide the graph legend --- .../javascripts/monitoring/components/dashboard.vue | 6 ++++++ app/assets/javascripts/monitoring/components/graph.vue | 10 +++++++++- 2 files changed, 15 insertions(+), 1 deletion(-) diff --git a/app/assets/javascripts/monitoring/components/dashboard.vue b/app/assets/javascripts/monitoring/components/dashboard.vue index 3b94b3e8769..3544dd96e3e 100644 --- a/app/assets/javascripts/monitoring/components/dashboard.vue +++ b/app/assets/javascripts/monitoring/components/dashboard.vue @@ -21,6 +21,11 @@ type: String, required: true, }, + showLegend: { + type: Boolean, + required: false, + default: true, + }, documentationPath: { type: String, required: true, @@ -159,6 +164,7 @@ :deployment-data="store.deploymentData" :project-path="projectPath" :tags-path="tagsPath" + :show-legend="showLegend" /> </graph-group> </div> diff --git a/app/assets/javascripts/monitoring/components/graph.vue b/app/assets/javascripts/monitoring/components/graph.vue index ea5c24efaf9..2aab8e0afe7 100644 --- a/app/assets/javascripts/monitoring/components/graph.vue +++ b/app/assets/javascripts/monitoring/components/graph.vue @@ -52,6 +52,11 @@ type: String, required: true, }, + showLegend: { + type: Boolean, + required: false, + default: true, + }, }, data() { @@ -182,7 +187,9 @@ this.graphHeightOffset, ); - if (this.timeSeries.length > 3) { + if (!this.showLegend) { + this.baseGraphHeight -= 60; + } else if (this.timeSeries.length > 3) { this.baseGraphHeight = this.baseGraphHeight += (this.timeSeries.length - 3) * 20; } @@ -246,6 +253,7 @@ transform="translate(70, 20)" /> <graph-legend + v-if="showLegend" :graph-width="graphWidth" :graph-height="graphHeight" :margin="margin" -- 2.30.9