IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

BarGauge: Round sizing to avoid float widths

Browse Source 
LED cell width needs to be integers
This commit is contained in:
Torkel Ödegaard
2019-04-07 15:26:21 +02:00
parent 6ef35f0a8e
commit 78ef1719e2
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/grafana-ui/src/components/BarGauge/BarGauge.tsx
View File

@@ -136,8 +136,9 @@ export class BarGauge extends PureComponent<Props> {
const valueRange = maxValue - minValue; const valueRange = maxValue - minValue;
const maxSize = isVert ? maxBarHeight : maxBarWidth; const maxSize = isVert ? maxBarHeight : maxBarWidth;
const cellSpacing = itemSpacing!; const cellSpacing = itemSpacing!;
const cellCount = maxSize / 20; const cellWidth = 12;
const cellSize = (maxSize - cellSpacing * cellCount) / cellCount; const cellCount = Math.floor(maxSize / cellWidth);
const cellSize = Math.floor((maxSize - cellSpacing * cellCount) / cellCount);
const valueColor = getValueColor(this.props); const valueColor = getValueColor(this.props);
const valueStyles = getValueStyles(value.text, valueColor, valueWidth, valueHeight); const valueStyles = getValueStyles(value.text, valueColor, valueWidth, valueHeight);