...
Code Block | ||
---|---|---|
| ||
- label: 'Priority' key: 'Priority' type: 'pill' options: allowMarkup: markdown defaultColor: "#0022dd" highlight: - value: "1 - Low" color: "#C6DDF0" - value: "2 - Medium" color: "#C99DA3" - value: "3 - High" color: "#996888" showInTableHeader: true showInDetailList: true |
Double
type: decimal,2
...
Number
...
...
type:
...
Number
type: number
This column type is used to declare a natural number. Useful if a number represents an amount or a count.
...
Code Block |
---|
- label: 'Open Invoice'
key: ''
type: 'download'
showInTableHeader: false
showInDetailList: true |
Stacked bar chart
type: stackedBarChart
This type will show a horizontal bar chart to use for visualizing progress or similar data. You can pass a configuration object where you can specify which keys from the entries the chart should use, and their color in the chart.
...
Code Block |
---|
- label: 'Progress' key: '' type: 'stackedBarChart' showInTableHeader: false showInDetailList: true defaultColor: '#0022dd', stackedBarChart: - key: 'Remaining' color: '#C6DDF0' - key: 'Spent' color: '#C99DA3' - key: 'Excess' color: '#996888' |
If you have an entry with these data fields:
Code Block |
---|
{
"Remaining": 5,
"Spent": 4,
"Excess": 1,
} |
A stacked bar chart type with the above configuration will create a diagram that shows 50% Remaining in color #C6DDF0
, 40% Spent in color #C99DA3
and 10% Excess in color #996888
.