Getting json prop

www/js/vis.js

@@ -2702,6 +2702,18 @@ var vis = {
                         case 'ceil':
                             value = Math.ceil(parseFloat(value));
                             break;
+                        case 'json':
+                            if (value && typeof value === 'string') {
+                                try {                                
+                                    value = JSON.parse(value);
+                                } catch (e) {
+                                    console.warn('Cannot parse JSON string: ' + value);
+                                }
+                            }
+                            if (value && typeof value === 'object') {
+                                value = getObjPropValue(value, oids[t].operations[k].arg);
+                            }
+                            break;   
                     } //switch
                 }
             } //if for

www/js/visUtils.js

@@ -48,6 +48,21 @@
     return null;
 }
 
+// get valeue of Obj property PropPath. PropPath is string like "Prop1" or "Prop1.Prop2" ...
+function getObjPropValue(obj, propPath) {
+    if (!obj) {
+        return undefined;
+    }
+    const parts = propPath.split('.');
+    for (const part of parts) {
+       obj = obj[part];
+       if (!obj) {
+          return undefined;
+       }
+    }
+    return obj;
+ }
+
 function extractBinding(format) {
     var oid = format.match(/{(.+?)}/g);
     var result = null;
@@ -213,9 +228,14 @@
                                     operations.push({op: parse[1], arg: parse[2]});
                                 }
                             }
-                        } else
-                        // operators without parameter
-                        {
+                        } else if (parse[1] === 'json') {
+                            // json(objPropPath)  ex: json(prop1);  json(prop1.propA)
+                            operations = operations || [];
+                            parse[2] = (parse[2] || '').trim();
+                            parse[2] = parse[2].substring(1, parse[2].length - 1);
+                            operations.push({op: parse[1], arg: parse[2]});
+                        } else {
+                            // operators without parameter
                             operations = operations || [];
                             operations.push({op: parse[1]});
                         }