Influxdata
/
influxdb
mirror of https://github.com/influxdata/influxdb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Prevent gauge needle from exceeding bounds of gauge

pull/10616/head
Alex P 2017-12-08 15:40:32 -08:00
parent 74ed08f987
commit b2cf341b8a
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
ui/src/shared/components/Gauge.js
View File

@ -286,7 +286,14 @@ class Gauge extends Component {
const {degree, needleColor0, needleColor1} = GAUGE_SPECS
const arcDistance = Math.PI * 1.5
const needleRotation = (gaugePosition - minValue) / (maxValue - minValue)
let needleRotation
if (gaugePosition < minValue) {
needleRotation = 0
} else if (gaugePosition > maxValue) {
needleRotation = 1
} else {
needleRotation = (gaugePosition - minValue) / (maxValue - minValue)
}
const needleGradient = ctx.createLinearGradient(0, -10, 0, radius)
needleGradient.addColorStop(0, needleColor0)