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

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
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 // Libraries
import React from 'react'; import React, { CSSProperties } from 'react';
// Types // Types
import { SingleStatOptions } from './types'; import { SingleStatOptions } from './types';
@@ -8,9 +8,17 @@ import { SingleStatBase } from './SingleStatBase';
export class SingleStatPanel extends SingleStatBase<SingleStatOptions> { export class SingleStatPanel extends SingleStatBase<SingleStatOptions> {
renderStat(value: DisplayValue, width: number, height: number) { 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 ( return (
<div style={{ width, height }}> <div style={{ width, height }}>
<b>{value.text}</b> <div style={style}>{value.text}</div>
</div> </div>
); );
} }