IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-03 12:11:09 -06:00
Code Issues Packages Projects Releases Wiki Activity

improve single stat display

Browse Source
This commit is contained in:
ryan 2019-03-14 13:31:50 -07:00
parent 985f057ab3
commit 8be56f8a0e
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public/app/plugins/panel/singlestat2/SingleStatPanel.tsx
View File

@ -1,5 +1,5 @@
// Libraries
import React from 'react';
import React, { CSSProperties } from 'react';
// Types
import { SingleStatOptions } from './types';
@ -8,9 +8,17 @@ import { SingleStatBase } from './SingleStatBase';
export class SingleStatPanel extends SingleStatBase<SingleStatOptions> {
renderStat(value: DisplayValue, width: number, height: number) {
const style: CSSProperties = {};
style.margin = '0 auto';
style.fontSize = '250%';
style.textAlign = 'center';
if (value.color) {
style.color = value.color;
}
return (
<div style={{ width, height }}>
<b>{value.text}</b>
<div style={style}>{value.text}</div>
</div>
);
}