IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-01-28 17:24:59 -06:00
Code Issues Packages Projects Releases Wiki Activity

format value

Browse Source
This commit is contained in:
Peter Holmberg 2018-11-16 16:41:01 +01:00
parent 02d8ffda5b
commit ee3b438269
1 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
public/app/viz/Gauge.tsx
View File

@ -3,6 +3,7 @@ import $ from 'jquery';
import { withSize } from 'react-sizeme';
import { TimeSeriesVMs } from 'app/types';
import config from '../core/config';
import kbn from '../core/utils/kbn';
interface Props {
timeSeries: TimeSeriesVMs;
@ -37,17 +38,15 @@ export class Gauge extends PureComponent<Props> {
this.draw();
}
formatValue(value) {
const { unit } = this.props;
const formatFunc = kbn.valueFormats[unit.value];
return formatFunc(value);
}
draw() {
const {
maxValue,
minValue,
showThresholdLables,
size,
showThresholdMarkers,
timeSeries,
thresholds,
unit,
} = this.props;
const { maxValue, minValue, showThresholdLables, size, showThresholdMarkers, timeSeries, thresholds } = this.props;
const width = size.width;
const height = size.height;
@ -98,7 +97,7 @@ export class Gauge extends PureComponent<Props> {
value: {
color: fontColor,
formatter: () => {
return `${Math.round(timeSeries[0].stats.avg)} ${unit.label}`;
return this.formatValue(timeSeries[0].stats.avg);
},
font: {
size: fontSize,