tickMarks
Status
Release Available | Status | Framework Name |
---|---|---|
2.8.1 | Current | TBC |
General
tickMarks
Tickmark's position is a floating-point number between 0 and 1, inclusively.
Tickmark with position < 0 or > 1 won't get rendered.
Code JSON
Copy
"fieldUi": {
"fieldType": "range", "label": "Loan Amount",
"rangeOptions": {
"dataType": "currency",
"min": 75000, "max": "@mathjs{$this.attr(marketValue); * 0.7};",
"step": 1000, "editableRangeValue": true
},
"tickMarks": [
{"text": "Market Value", "position": 0},
{"text": "50%", "position": "@mathjs{ ($this.attr(marketValue); * 0.5 - 75000) / ($this.attr(marketValue); * 0.7 - 75000) };"},
{"text": "60%", "position": "@mathjs{ ($this.attr(marketValue); * 0.6 - 75000) / ($this.attr(marketValue); * 0.7 - 75000) };"},
{"text": "70%", "position": 1}
],
"settingsOptions": { "minimumFractionDigits": 0 },
"format": {
"options": { "numeral": true, "numeralThousandsGroupStyle": "thousand", "numeralDecimalScale": 0 },
"prefix": "$" }}