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

Re-render gauge / singlestat panels when changing options

Browse Source
This commit is contained in:
Torkel Ödegaard 2019-03-19 14:07:48 +01:00
parent abbb7b81c7
commit d597271844
4 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/app/plugins/panel/bargauge/BarGaugePanel.tsx
View File

@ -31,8 +31,7 @@ export class BarGaugePanel extends PureComponent<PanelProps<BarGaugeOptions>> {
};
render() {
const { height, width, options, panelData } = this.props;
const { orientation } = options;
const { height, width, options, panelData, renderCounter } = this.props;
return (
<ProcessedValuesRepeater
getProcessedValues={this.getProcessedValues}
@ -40,7 +39,8 @@ export class BarGaugePanel extends PureComponent<PanelProps<BarGaugeOptions>> {
width={width}
height={height}
source={panelData}
orientation={orientation}
renderCounter={renderCounter}
orientation={options.orientation}
/>
);
}

6
public/app/plugins/panel/gauge/GaugePanel.tsx
View File

@ -37,8 +37,7 @@ export class GaugePanel extends PureComponent<PanelProps<GaugeOptions>> {
};
render() {
const { height, width, options, panelData } = this.props;
const { orientation } = options;
const { height, width, options, panelData, renderCounter } = this.props;
return (
<ProcessedValuesRepeater
getProcessedValues={this.getProcessedValues}
@ -46,7 +45,8 @@ export class GaugePanel extends PureComponent<PanelProps<GaugeOptions>> {
width={width}
height={height}
source={panelData}
orientation={orientation}
renderCounter={renderCounter}
orientation={options.orientation}
/>
);
}

6
public/app/plugins/panel/singlestat2/ProcessedValuesRepeater.tsx
View File

@ -7,7 +7,7 @@ export interface Props<T> {
height: number;
orientation: VizOrientation;
source: any; // If this changes, the values will be processed
processFlag?: boolean; // change to force processing
renderCounter: number; // change to force processing
getProcessedValues: () => T[];
renderValue: (value: T, width: number, height: number) => JSX.Element;
@ -30,8 +30,8 @@ export class ProcessedValuesRepeater<T> extends PureComponent<Props<T>, State<T>
}
componentDidUpdate(prevProps: Props<T>) {
const { processFlag, source } = this.props;
if (processFlag !== prevProps.processFlag || source !== prevProps.source) {
const { renderCounter, source } = this.props;
if (renderCounter !== prevProps.renderCounter || source !== prevProps.source) {
this.setState({ values: this.props.getProcessedValues() });
}
}

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

@ -50,8 +50,7 @@ export class SingleStatPanel extends PureComponent<PanelProps<SingleStatOptions>
};
render() {
const { height, width, options, panelData } = this.props;
const { orientation } = options;
const { height, width, options, panelData, renderCounter } = this.props;
return (
<ProcessedValuesRepeater
getProcessedValues={this.getProcessedValues}
@ -59,7 +58,8 @@ export class SingleStatPanel extends PureComponent<PanelProps<SingleStatOptions>
width={width}
height={height}
source={panelData}
orientation={orientation}
renderCounter={renderCounter}
orientation={options.orientation}
/>
);
}