diff --git a/packages/grafana-ui/src/components/Gauge/Gauge.tsx b/packages/grafana-ui/src/components/Gauge/Gauge.tsx index 026b9769a7081..eb49891d298ee 100644 --- a/packages/grafana-ui/src/components/Gauge/Gauge.tsx +++ b/packages/grafana-ui/src/components/Gauge/Gauge.tsx @@ -76,7 +76,7 @@ export class Gauge extends PureComponent { ); const gaugeWidthReduceRatio = showThresholdLabels ? 1.5 : 1; - const gaugeWidth = Math.min(dimension / 5, 40) / gaugeWidthReduceRatio; + const gaugeWidth = Math.min(dimension / 5.5, 40) / gaugeWidthReduceRatio; const thresholdMarkersWidth = gaugeWidth / 5; const fontSize = Math.min(dimension / 5.5, 100) * (value.text !== null ? this.getFontScale(value.text.length) : 1); const thresholdLabelFontSize = fontSize / 2.5; diff --git a/public/app/plugins/panel/gauge/GaugePanel.tsx b/public/app/plugins/panel/gauge/GaugePanel.tsx index 0c82402568387..b08b49f01bf4e 100644 --- a/public/app/plugins/panel/gauge/GaugePanel.tsx +++ b/public/app/plugins/panel/gauge/GaugePanel.tsx @@ -5,7 +5,7 @@ import React, { PureComponent } from 'react'; import { config } from 'app/core/config'; // Components -import { Gauge, FieldDisplay, getFieldDisplayValues } from '@grafana/ui'; +import { Gauge, FieldDisplay, getFieldDisplayValues, VizOrientation } from '@grafana/ui'; // Types import { GaugeOptions } from './types'; @@ -43,7 +43,7 @@ export class GaugePanel extends PureComponent> { }; render() { - const { height, width, options, data, renderCounter } = this.props; + const { height, width, data, renderCounter } = this.props; return ( > { height={height} source={data} renderCounter={renderCounter} - orientation={options.orientation} + orientation={VizOrientation.Auto} /> ); }