support selecting and showing item in pie chart

src/filters/accountIconStyle.js

@@ -1,13 +1,19 @@
 import colorConstants from '../consts/color.js';
 
-export default function (color, defaultColor) {
+export default function (color, defaultColor, additionalFieldName) {
     if (color && color !== colorConstants.defaultAccountColor) {
         color = '#' + color;
     } else {
         color = defaultColor;
     }
 
-    return {
+    const ret = {
         color: color
     };
+
+    if (additionalFieldName) {
+        ret[additionalFieldName] = color;
+    }
+
+    return ret;
 }

src/filters/categoryIconStyle.js

@@ -1,13 +1,19 @@
 import colorConstants from '../consts/color.js';
 
-export default function (color, defaultColor) {
+export default function (color, defaultColor, additionalFieldName) {
     if (color && color !== colorConstants.defaultCategoryColor) {
         color = '#' + color;
     } else {
         color = defaultColor;
     }
 
-    return {
+    const ret = {
         color: color
     };
+
+    if (additionalFieldName) {
+        ret[additionalFieldName] = color;
+    }
+
+    return ret;
 }

src/filters/defaultIconStyle.js

@@ -1,13 +1,19 @@
 import colorConstants from '../consts/color.js';
 
-export default function (color, defaultColor) {
+export default function (color, defaultColor, additionalFieldName) {
     if (color && color !== colorConstants.defaultColor) {
         color = '#' + color;
     } else {
         color = defaultColor;
     }
 
-    return {
+    const ret = {
         color: color
     };
+
+    if (additionalFieldName) {
+        ret[additionalFieldName] = color;
+    }
+
+    return ret;
 }

src/filters/iconStyle.js

@@ -2,12 +2,12 @@ import defaultIconStyle from "./defaultIconStyle.js";
 import accountIconStyle from "./accountIconStyle.js";
 import categoryIconStyle from "./categoryIconStyle.js";
 
-export default function (color, iconType, defaultColor) {
+export default function (color, iconType, defaultColor, additionalFieldName) {
     if (iconType === 'account') {
-        return accountIconStyle(color, defaultColor);
+        return accountIconStyle(color, defaultColor, additionalFieldName);
     } else if (iconType === 'category') {
-        return categoryIconStyle(color, defaultColor);
+        return categoryIconStyle(color, defaultColor, additionalFieldName);
     } else {
-        return defaultIconStyle(color, defaultColor);
+        return defaultIconStyle(color, defaultColor, additionalFieldName);
     }
 }