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

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

Browse Source 
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
2 changed files with 21 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
packages/grafana-data/src/field/fieldColor.ts
View File

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

9
packages/grafana-data/src/types/fieldColor.ts
View File

@@ -6,6 +6,15 @@ export enum FieldColorModeId {
PaletteClassic = 'palette-classic', PaletteClassic = 'palette-classic',
PaletteSaturated = 'palette-saturated', PaletteSaturated = 'palette-saturated',
ContinuousGrYlRd = 'continuous-GrYlRd', 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', Fixed = 'fixed',
} }