Plugins: make sure we expose all available field color modes (#64289)

expose all available field color modes via fieldcolormodeid enum.
This commit is contained in:
Marcus Andersson 2023-03-07 12:44:45 +01:00 committed by GitHub
parent 5b8c2f494d
commit 5c13d8eefd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 12 deletions

View File

@ -51,70 +51,70 @@ export const fieldColorModeRegistry = new Registry<FieldColorMode>(() => {
},
}),
new FieldColorSchemeMode({
id: 'continuous-GrYlRd',
id: FieldColorModeId.ContinuousGrYlRd,
name: 'Green-Yellow-Red',
isContinuous: true,
isByValue: true,
getColors: (theme: GrafanaTheme2) => ['green', 'yellow', 'red'],
}),
new FieldColorSchemeMode({
id: 'continuous-RdYlGr',
id: FieldColorModeId.ContinuousRdYlGr,
name: 'Red-Yellow-Green',
isContinuous: true,
isByValue: true,
getColors: (theme: GrafanaTheme2) => ['red', 'yellow', 'green'],
}),
new FieldColorSchemeMode({
id: 'continuous-BlYlRd',
id: FieldColorModeId.ContinuousBlYlRd,
name: 'Blue-Yellow-Red',
isContinuous: true,
isByValue: true,
getColors: (theme: GrafanaTheme2) => ['dark-blue', 'super-light-yellow', 'dark-red'],
}),
new FieldColorSchemeMode({
id: 'continuous-YlRd',
id: FieldColorModeId.ContinuousYlRd,
name: 'Yellow-Red',
isContinuous: true,
isByValue: true,
getColors: (theme: GrafanaTheme2) => ['super-light-yellow', 'dark-red'],
}),
new FieldColorSchemeMode({
id: 'continuous-BlPu',
id: FieldColorModeId.ContinuousBlPu,
name: 'Blue-Purple',
isContinuous: true,
isByValue: true,
getColors: (theme: GrafanaTheme2) => ['blue', 'purple'],
}),
new FieldColorSchemeMode({
id: 'continuous-YlBl',
id: FieldColorModeId.ContinuousYlBl,
name: 'Yellow-Blue',
isContinuous: true,
isByValue: true,
getColors: (theme: GrafanaTheme2) => ['super-light-yellow', 'dark-blue'],
}),
new FieldColorSchemeMode({
id: 'continuous-blues',
id: FieldColorModeId.ContinuousBlues,
name: 'Blues',
isContinuous: true,
isByValue: true,
getColors: (theme: GrafanaTheme2) => ['panel-bg', 'dark-blue'],
}),
new FieldColorSchemeMode({
id: 'continuous-reds',
id: FieldColorModeId.ContinuousReds,
name: 'Reds',
isContinuous: true,
isByValue: true,
getColors: (theme: GrafanaTheme2) => ['panel-bg', 'dark-red'],
}),
new FieldColorSchemeMode({
id: 'continuous-greens',
id: FieldColorModeId.ContinuousGreens,
name: 'Greens',
isContinuous: true,
isByValue: true,
getColors: (theme: GrafanaTheme2) => ['panel-bg', 'dark-green'],
}),
new FieldColorSchemeMode({
id: 'continuous-purples',
id: FieldColorModeId.ContinuousPurples,
name: 'Purples',
isContinuous: true,
isByValue: true,
@ -124,7 +124,7 @@ export const fieldColorModeRegistry = new Registry<FieldColorMode>(() => {
});
interface FieldColorSchemeModeOptions {
id: string;
id: FieldColorModeId;
name: string;
description?: string;
getColors: (theme: GrafanaTheme2) => string[];
@ -133,7 +133,7 @@ interface FieldColorSchemeModeOptions {
}
export class FieldColorSchemeMode implements FieldColorMode {
id: string;
id: FieldColorModeId;
name: string;
description?: string;
isContinuous: boolean;

View File

@ -6,6 +6,15 @@ export enum FieldColorModeId {
PaletteClassic = 'palette-classic',
PaletteSaturated = 'palette-saturated',
ContinuousGrYlRd = 'continuous-GrYlRd',
ContinuousRdYlGr = 'continuous-RdYlGr',
ContinuousBlYlRd = 'continuous-BlYlRd',
ContinuousYlRd = 'continuous-YlRd',
ContinuousBlPu = 'continuous-BlPu',
ContinuousYlBl = 'continuous-YlBl',
ContinuousBlues = 'continuous-blues',
ContinuousReds = 'continuous-reds',
ContinuousGreens = 'continuous-greens',
ContinuousPurples = 'continuous-purples',
Fixed = 'fixed',
}