allow to the define colours for specific values via mappings (#57)

* allow to the define colours for specific values via mappings

Author: chicco785

CHANGELOG.md

@@ -1,5 +1,8 @@
 # Changelog
 
+## v1.4.2
+- allow to the define colours for specific values via mappings
+
 ## v1.4.1
 - fix icon visualisation in pop-up and improve pop-up format
 - support label for legends

package.json

@@ -1,6 +1,6 @@
 {
   "name": "orchestracities-map-panel",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "description": "",
   "scripts": {
     "build": "grafana-toolkit plugin:build",

src/dimensions/color.ts

@@ -1,4 +1,5 @@
 import { DataFrame, Field, getFieldColorModeForField, getScaleCalculator, GrafanaTheme2 } from '@grafana/data';
+import { ScaleCalculator } from '@grafana/data/field/scale';
 import { ColorDimensionConfig, DimensionSupplier } from './types';
 import { findField, getLastNotNullFieldValue } from './utils';
 
@@ -42,9 +43,24 @@ export function getColorDimensionForField(
   return {
     get: (i) => {
       const val = field.values.get(i);
-      return scale(val).color;
+      return computeColor(scale, field.config?.mappings, val, theme);
     },
     field,
     value: () => scale(getLastNotNullFieldValue(field)).color,
   };
 }
+
+function computeColor(scale: ScaleCalculator, mapping: any, value: any, theme: GrafanaTheme2) {
+  let color = scale(value).color;
+  mapping.forEach((map: any) => {
+    if (map.type === 'value') {
+      Object.keys(map.options).forEach((key) => {
+        if (key === value && map.options[key].color) {
+          let colorName = map.options[key].color ?? 'grey';
+          color = theme.visualization.getColorByName(colorName);
+        }
+      });
+    }
+  });
+  return color;
+}