mirror of
https://github.com/grafana/grafana.git
synced 2025-02-20 11:48:34 -06:00
1a0c1a39e4
* added moment timezone package. * added a qnd way of selecting timezone. * added a first draft to display how it can be used. * fixed failing tests. * made moment.local to be in utc when running tests. * added tests to verify that the timeZone support works as expected. * Fixed so we use the formatter in the graph context menu. * changed so we will format d3 according to timeZone. * changed from class base to function based for easier consumption. * fixed so tests got green. * renamed to make it shorter. * fixed formatting in logRow. * removed unused value. * added time formatter to flot. * fixed failing tests. * changed so history will use the formatting with support for timezone. * added todo. * added so we append the correct abbrivation behind time. * added time zone abbrevation in timepicker. * adding timezone in rangeutil tool. * will use timezone when formatting range. * changed so we use new functions to format date so timezone is respected. * wip - dashboard settings. * changed so the time picker settings is in react. * added force update. * wip to get the react graph to work. * fixed formatting and parsing on the timepicker. * updated snap to be correct. * fixed so we format values properly in time picker. * make sure we pass timezone on all the proper places. * fixed so we use correct timeZone in explore. * fixed failing tests. * fixed so we always parse from local to selected timezone. * removed unused variable. * reverted back. * trying to fix issue with directive. * fixed issue. * fixed strict null errors. * fixed so we still can select default. * make sure we reads the time zone from getTimezone
70 lines
1.9 KiB
TypeScript
70 lines
1.9 KiB
TypeScript
// Libraries
|
|
import React, { PureComponent } from 'react';
|
|
|
|
// Services & Utils
|
|
import { config } from 'app/core/config';
|
|
|
|
// Components
|
|
import { Gauge, DataLinksContextMenu, VizRepeater, VizRepeaterRenderValueProps } from '@grafana/ui';
|
|
|
|
// Types
|
|
import { GaugeOptions } from './types';
|
|
import { FieldDisplay, getFieldDisplayValues, VizOrientation, PanelProps } from '@grafana/data';
|
|
|
|
export class GaugePanel extends PureComponent<PanelProps<GaugeOptions>> {
|
|
renderValue = (valueProps: VizRepeaterRenderValueProps<FieldDisplay>): JSX.Element => {
|
|
const { options } = this.props;
|
|
const { value, width, height } = valueProps;
|
|
const { field, display } = value;
|
|
|
|
return (
|
|
<DataLinksContextMenu links={value.getLinks}>
|
|
{({ openMenu, targetClassName }) => {
|
|
return (
|
|
<Gauge
|
|
value={display}
|
|
width={width}
|
|
height={height}
|
|
field={field}
|
|
showThresholdLabels={options.showThresholdLabels}
|
|
showThresholdMarkers={options.showThresholdMarkers}
|
|
theme={config.theme}
|
|
onClick={openMenu}
|
|
className={targetClassName}
|
|
/>
|
|
);
|
|
}}
|
|
</DataLinksContextMenu>
|
|
);
|
|
};
|
|
|
|
getValues = (): FieldDisplay[] => {
|
|
const { data, options, replaceVariables, fieldConfig, timeZone } = this.props;
|
|
return getFieldDisplayValues({
|
|
fieldConfig,
|
|
reduceOptions: options.reduceOptions,
|
|
replaceVariables,
|
|
theme: config.theme,
|
|
data: data.series,
|
|
autoMinMax: true,
|
|
timeZone,
|
|
});
|
|
};
|
|
|
|
render() {
|
|
const { height, width, data, renderCounter } = this.props;
|
|
return (
|
|
<VizRepeater
|
|
getValues={this.getValues}
|
|
renderValue={this.renderValue}
|
|
width={width}
|
|
height={height}
|
|
source={data}
|
|
autoGrid={true}
|
|
renderCounter={renderCounter}
|
|
orientation={VizOrientation.Auto}
|
|
/>
|
|
);
|
|
}
|
|
}
|