From 55b4162e85557c39b1f5d6d946aabb2c2933c943 Mon Sep 17 00:00:00 2001
From: Peter Holmberg <peter.hlmbrg@gmail.com>
Date: Mon, 11 Feb 2019 11:47:51 +0100
Subject: [PATCH] return series label if selected stat is name

---
 public/app/plugins/panel/gauge/GaugePanel.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/public/app/plugins/panel/gauge/GaugePanel.tsx b/public/app/plugins/panel/gauge/GaugePanel.tsx
index 4ff27acd7f0..947a1b21c78 100644
--- a/public/app/plugins/panel/gauge/GaugePanel.tsx
+++ b/public/app/plugins/panel/gauge/GaugePanel.tsx
@@ -17,6 +17,7 @@ interface Props extends PanelProps<GaugeOptions> {}
 export class GaugePanel extends PureComponent<Props> {
   renderMultipleGauge(timeSeries, theme) {
     const { options, height, width } = this.props;
+    const { stat } = options;
 
     return timeSeries.map((series, index) => {
       const singleStatWidth = 1 / timeSeries.length * 100;
@@ -48,9 +49,11 @@ export class GaugePanel extends PureComponent<Props> {
         gaugeHeight = repeatingGaugeHeight;
       }
 
+      const value = stat !== 'name' ? series.stats[stat] : series.label;
+
       return (
         <div className="singlestat-panel" key={`${timeSeries.label}-${index}`} style={style}>
-          {this.renderGauge(series.stats[options.stat], gaugeWidth, gaugeHeight, theme)}
+          {this.renderGauge(value, gaugeWidth, gaugeHeight, theme)}
           <div style={{ textAlign: 'center' }}>{series.label}</div>
         </div>
       );
@@ -69,10 +72,9 @@ export class GaugePanel extends PureComponent<Props> {
 
   renderSingleGauge(timeSeries, theme) {
     const { options, width, height } = this.props;
+    const value = timeSeries[0].stats[options.stat];
 
-    return (
-      <div className="singlestat-panel">{this.renderGauge(timeSeries[0].stats[options.stat], width, height, theme)}</div>
-    );
+    return <div className="singlestat-panel">{this.renderGauge(value, width, height, theme)}</div>;
   }
 
   renderGaugeWithTableData(panelData, theme) {