号卡图¶

{% embed data=“{“url”:”https://stackblitz.com/edit/swimlane-number-card-chart?embed=1&file=app/app.component.ts”,”type”:”link”,”title”:”number-card-chart - StackBlitz”,”description”:”Number Card Chart demo for ngx-charts”,”icon”:{“type”:”icon”,”url”:”https://c.staticblitz.com/assets/icon-664493542621427cc8adae5e8f50d632f87aaa6ea1ce5b01e9a3d05b57940a9f.png”,”aspectRatio”:0},”thumbnail”:{“type”:”thumbnail”,”url”:”https://c.staticblitz.com/assets/icon-664493542621427cc8adae5e8f50d632f87aaa6ea1ce5b01e9a3d05b57940a9f.png”,”aspectRatio”:0}}” %}

输入¶

属性	类型	Defau lt Value	描述
vie w	number[]		图表[宽度，高度]的尺寸。如果未定义，图表将适合于父容器的大小
res ult s	obje ct[]		图表数据
sch eme	obje ct		图表的颜色方案
cus tom Col ors	func tion or obje ct		自定义颜色图表。用于覆盖颜色的特定值
ani mat ion s	bool ean	true	使动画
car dCo lor	stri ng		color of the card background, defaults to color based on value and scheme
ban dCo lor	stri ng		color of the card color-bar, defaults to color based on value and scheme
tex tCo lor	stri ng		color of the card text, defaults to the inverse of the card color
emp tyC olo r	stri ng	‘rgba (0, 0, 0, 0)’	color of empty card slots
inn erP add ing	numb er numb er[]	15	padding around each card in px
val ueF orm att ing	func tion		function that formats the card value
lab elF orm att ing	func tion		功能格式化存储卡标签

属性	描述
select	单击事件

数据格式为单系列:

[
  {
    "name": "Germany",
    "value": 8940000
  },
  {
    "name": "USA",
    "value": 5000000
  }
]