NumberChart

Numerical charts are usually used to display key indicator information and its historical data.

Used on the chart page

{
"spend": {
"bind": "cost",
"link": "/x/Table/pet",
"view": {
"type": "NumberChart",
"props": {
"chartHeight": 150,
"color": "red",
"prefix": "¥",
"decimals": 2,
"nameKey": "date",
"valueKey": "value"
}
}
}
}

Props

interface IProps {
data: Array<any>
type: 'bar' | 'line'
nameKey?: string
valueKey?: string
prefix?: string
unit?: string
decimals?: number
chartHeight?: number
color?: string
}

API

PropertiesDescriptionTypeDefaultRequiredVersion
nameKeyname keystring-no
valueKeyvalue keystring-no
prefixprefixstring-no
unitunitstring-no
decimalsdecimal pointnumber-no
chartHeightheightnumber-no
colorcolorstring-no

NumberChart

Numerical charts are usually used to display key indicator information and its historical data.

Used on the chart page

{
"spend": {
"bind": "cost",
"link": "/x/Table/pet",
"view": {
"type": "NumberChart",
"props": {
"chartHeight": 150,
"color": "red",
"prefix": "¥",
"decimals": 2,
"nameKey": "date",
"valueKey": "value"
}
}
}
}

Props

interface IProps {
data: Array<any>
type: 'bar' | 'line'
nameKey?: string
valueKey?: string
prefix?: string
unit?: string
decimals?: number
chartHeight?: number
color?: string
}

API

PropertiesDescriptionTypeDefaultRequiredVersion
nameKeyname keystring-no
valueKeyvalue keystring-no
prefixprefixstring-no
unitunitstring-no
decimalsdecimal pointnumber-no
chartHeightheightnumber-no
colorcolorstring-no