fix: singlestat gauge sizing issue when panel is very wide, fixes #7773

This commit is contained in:
Torkel Ödegaard
2017-05-17 11:56:40 +02:00
parent fc146fe54e
commit 972be88569

View File

@@ -412,6 +412,7 @@ class SingleStatCtrl extends MetricsPanelCtrl {
function addGauge() {
var width = elem.width();
var height = elem.height();
var dimension = Math.min(width, height);
ctrl.invalidGaugeRange = false;
if (panel.gauge.minValue > panel.gauge.maxValue) {
@@ -425,7 +426,7 @@ class SingleStatCtrl extends MetricsPanelCtrl {
margin: 'auto',
position: 'relative',
height: (height * 0.9) + 'px',
width: width + 'px'
width: dimension + 'px'
};
plotCanvas.css(plotCss);
@@ -447,7 +448,6 @@ class SingleStatCtrl extends MetricsPanelCtrl {
: 'rgb(38,38,38)';
var fontScale = parseInt(panel.valueFontSize) / 100;
var dimension = Math.min(width, height);
var fontSize = Math.min(dimension/5, 100) * fontScale;
var gaugeWidth = Math.min(dimension/6, 60);
var thresholdMarkersWidth = gaugeWidth/5;