{ "custom": { "key": 1 }, "params": { "DH": "DH101" }, "propConfig": { "custom.key": { "binding": { "config": { "path": "view.params.DH" }, "transforms": [ { "fallback": 1, "inputType": "scalar", "mappings": [ { "input": "DH101", "output": 1 }, { "input": "DH102", "output": 2 }, { "input": "DH201", "output": 3 }, { "input": "DH202", "output": 4 }, { "input": "DH203", "output": 5 } ], "outputType": "scalar", "type": "map" } ], "type": "property" }, "persistent": true }, "params.DH": { "paramDirection": "input", "persistent": true } }, "props": { "defaultSize": { "height": 117, "width": 300 } }, "root": { "children": [ { "meta": { "name": "Sparkline" }, "position": { "basis": "215px" }, "props": { "points": [ 59, 80, 80, 100, 68, 62, 87, 72, 42, 49, 58, 53, 57, 51, 42, 32, 37, 30, 24, 38, 57, 29, 18, 32, 38, 24, 24, 24, 20, 21, 29, 32, 26, 18, 32, 36, 30, 36, 29, 32, 29, 28, 41, 20, 28, 58, 18, 24, 16, 2, 22, 17, 22, 21, 12, 22, 14, 13, 11, 20, 16, 16, 18, 12, 28, 28, 32, 16, 16, 24, 16, 20, 14, 18, 12, 26, 17, 11, 30, 16, 9, 20, 42, 13, 13, 24, 17, 13, 20, 12, 14, 13, 14, 71, 82, 20, 16, 20, 22, 17, 5 ] }, "type": "ia.display.sparkline" }, { "children": [ { "meta": { "name": "Label" }, "position": { "basis": "32px" }, "propConfig": { "props.text": { "binding": { "config": { "path": "view.params.DH" }, "type": "property" } } }, "props": { "style": { "marginRight": 25 } }, "type": "ia.display.label" }, { "meta": { "name": "Label_0" }, "propConfig": { "props.text": { "binding": { "config": { "fallbackDelay": 2.5, "mode": "indirect", "references": { "key": "{view.custom.key}" }, "tagPath": "[default]simulator/CHW_System/Ton{key}" }, "type": "tag" } } }, "props": { "textStyle": { "color": "var(--tagvalue-color)", "fontFamily": "inherit", "fontSize": 12, "numberFormat": "###0.##", "textAlign": "right" } }, "type": "ia.display.label" }, { "meta": { "name": "Label_1" }, "props": { "text": "Tons", "textStyle": { "color": "--units-color", "fontFamily": "inherit", "fontSize": 12, "paddingLeft": 5 } }, "type": "ia.display.label" } ], "meta": { "name": "FlexContainer" }, "position": { "basis": "23.7%" }, "props": { "alignContent": "center", "alignItems": "center", "direction": "column", "justify": "center", "style": { "overflow": "visible" } }, "type": "ia.container.flex" } ], "meta": { "name": "root" }, "props": { "style": { "classes": "containers/card_nested" } }, "type": "ia.container.flex" } }