use green to red ramp

elastic · May 4, 2020 · c0d168e · c0d168e
1 parent 1c0df45
commit c0d168e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/.../plugins/maps/public/layers/solution_layers/observability/create_layer_descriptor.test.ts b/.../plugins/maps/public/layers/solution_layers/observability/create_layer_descriptor.test.ts
@@ -75,7 +75,7 @@ describe('createLayerDescriptor', () => {
         properties: {
           fillColor: {
             options: {
-              color: 'Yellow to Red',
+              color: 'Green to Red',
               colorCategory: 'palette_0',
               field: {
                 name: '__kbnjoin__avg_of_transaction.duration.us__12345',
@@ -239,7 +239,7 @@ describe('createLayerDescriptor', () => {
         properties: {
           fillColor: {
             options: {
-              color: 'Yellow to Red',
+              color: 'Green to Red',
               colorCategory: 'palette_0',
               field: {
                 name: 'avg_of_transaction.duration.us',

diff --git a/x-pack/plugins/maps/public/layers/solution_layers/observability/create_layer_descriptor.ts b/x-pack/plugins/maps/public/layers/solution_layers/observability/create_layer_descriptor.ts
@@ -43,13 +43,17 @@ export const APM_INDEX_PATTERN_ID = 'apm_static_index_pattern_id';
 
 const defaultDynamicProperties = getDefaultDynamicProperties();
 
-function createDynamicFillColorDescriptor(field: StylePropertyField) {
+function createDynamicFillColorDescriptor(
+  layer: OBSERVABILITY_LAYER_TYPE,
+  field: StylePropertyField
+) {
   return {
     type: STYLE_TYPE.DYNAMIC,
     options: {
       ...(defaultDynamicProperties[VECTOR_STYLES.FILL_COLOR]!.options as ColorDynamicOptions),
       field,
-      color: 'Yellow to Red',
+      color:
+        layer === OBSERVABILITY_LAYER_TYPE.APM_RUM_PERFORMANCE ? 'Green to Red' : 'Yellow to Red',
       type: COLOR_MAP_TYPE.ORDINAL,
     },
   };
@@ -145,8 +149,6 @@ function getGeoGridRequestType(display: DISPLAY): RENDER_AS {
   return RENDER_AS.POINT;
 }
 
-function getLabelStyleDescriptor(metric: OBSERVABILITY_METRIC_TYPE): {};
-
 export function createLayerDescriptor({
   layer,
   metric,
@@ -192,7 +194,7 @@ export function createLayerDescriptor({
         tooltipProperties: ['name', 'iso2'],
       }),
       style: VectorStyle.createDescriptor({
-        [VECTOR_STYLES.FILL_COLOR]: createDynamicFillColorDescriptor({
+        [VECTOR_STYLES.FILL_COLOR]: createDynamicFillColorDescriptor(layer, {
           name: joinKey,
           origin: FIELD_ORIGIN.JOIN,
         }),
@@ -232,7 +234,7 @@ export function createLayerDescriptor({
   };
 
   const styleProperties = {
-    [VECTOR_STYLES.FILL_COLOR]: createDynamicFillColorDescriptor(metricStyleField),
+    [VECTOR_STYLES.FILL_COLOR]: createDynamicFillColorDescriptor(layer, metricStyleField),
     [VECTOR_STYLES.ICON_SIZE]: {
       type: STYLE_TYPE.DYNAMIC,
       options: {