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

Fix implementation of inverse prop

pull/10616/head
Alex P 2017-11-16 17:13:09 -08:00
parent c15beb7696
commit 5289a2556c
1 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -85,9 +85,6 @@ class Gauge extends Component {
} else if (theme === GAUGE_THEME_SUMMER) { } else if (theme === GAUGE_THEME_SUMMER) {
gaugeColors = GAUGE_SPECS.theme.summer gaugeColors = GAUGE_SPECS.theme.summer
} }
if (inverse) {
gaugeColors.reverse()
}
const trueValueRange = Math.abs(maxValue - minValue) const trueValueRange = Math.abs(maxValue - minValue)
const totalArcLength = Math.PI * 1.5 const totalArcLength = Math.PI * 1.5
@ -111,8 +108,8 @@ class Gauge extends Component {
xLowerEnd, xLowerEnd,
yLowerEnd yLowerEnd
) )
lowerGradient.addColorStop(0, gaugeColors[0]) lowerGradient.addColorStop(0, gaugeColors[inverse ? 5 : 0])
lowerGradient.addColorStop(1.0, gaugeColors[1]) lowerGradient.addColorStop(1.0, gaugeColors[inverse ? 4 : 1])
ctx.beginPath() ctx.beginPath()
ctx.lineWidth = 20 ctx.lineWidth = 20
@ -138,8 +135,8 @@ class Gauge extends Component {
xUpperEnd, xUpperEnd,
yUpperEnd yUpperEnd
) )
upperGradient.addColorStop(0, gaugeColors[4]) upperGradient.addColorStop(0, gaugeColors[inverse ? 1 : 4])
upperGradient.addColorStop(1.0, gaugeColors[5]) upperGradient.addColorStop(1.0, gaugeColors[inverse ? 0 : 5])
ctx.beginPath() ctx.beginPath()
ctx.lineWidth = 20 ctx.lineWidth = 20
@ -160,8 +157,8 @@ class Gauge extends Component {
xMiddleEnd, xMiddleEnd,
yMiddleEnd yMiddleEnd
) )
middleGradient.addColorStop(0, gaugeColors[2]) middleGradient.addColorStop(0, gaugeColors[inverse ? 3 : 2])
middleGradient.addColorStop(1.0, gaugeColors[3]) middleGradient.addColorStop(1.0, gaugeColors[inverse ? 2 : 3])
ctx.beginPath() ctx.beginPath()
ctx.lineWidth = 20 ctx.lineWidth = 20