ngx-charts
Search…
Number Card Chart

Number Card Chart

Inputs

Property
Type
Default Value
Description
view
number[]
the dimensions of the chart [width, height]. If left undefined, the chart will fit to the parent container size
results
object[]
the chart data
scheme
object
the color scheme of the chart
customColors
function or object
custom colors for the chart. Used to override a color for a specific value
animations
boolean
true
enable animations
cardColor
string
color of the card background, defaults to color based on value and scheme
bandColor
string
color of the card color-bar, defaults to color based on value and scheme
textColor
string
color of the card text, defaults to the inverse of the card color
emptyColor
string
'rgba(0, 0, 0, 0)'
color of empty card slots
innerPadding
number number[]
15
padding around each card in px
valueFormatting
function
function that formats the card value
labelFormatting
function
function that formats the card label

Outputs

Property
Description
select
click event

Data Format

The data format is single series:
1
[
2
{
3
"name": "Germany",
4
"value": 8940000
5
},
6
{
7
"name": "USA",
8
"value": 5000000
9
}
10
]
Copied!
Last modified 3yr ago