树状图¶

{% embed data=“{“url”:”https://stackblitz.com/edit/swimlane-tree-map-chart?embed=1&file=app/app.component.ts”,”type”:”link”,”title”:”tree-map-chart - StackBlitz”,”description”:”Tree Map 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}}” %}

输入¶

属性	类型	De fa ul t Va lu e	描述
vie w	numbe r[]		图表[宽度，高度]的尺寸。如果未定义，图表将适合于父容器的大小
res ult s	objec t[]		图表数据
sch eme	objec t		图表的颜色方案
cus tom Col ors	funct ion or objec t		自定义颜色图表。用于覆盖颜色的特定值
ani mat ion s	boole an	tr ue	使动画
too lti pDi sab led	boole an	fa ls e	显示或隐藏工具提示
val ueF orm att ing	funct ion		function that formats the cell value
lab elF orm att ing	funct ion		function that formats the cell label
gra die nt	boole an	fa ls e	具有梯度，而不是纯色填充元件
too lti pTe mpl ate	Templ ateRe f		工具提示中要显示的自定义 ng-template

属性	描述
select	单击事件

数据格式为单系列:

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