Pie Grid Chart¶

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

输入¶

属性	类型	默认值	描述
v i e w	nu mb er []		图表[宽度，高度]的尺寸。如果未定义，图表将适合于父容器的大小
r e s u l t s	ob je ct []		图表数据
s c h e m e	ob je ct		图表的颜色方案
c u s t o m C o l o r s	fu nc ti on or ob je ct		自定义颜色图表。用于覆盖颜色的特定值
a n i m a t i o n s	bo ol ea n	t r u e	使动画
l a b e l	st ri ng	‘ T o t a l ’	the text to show under the total value
t o o l t i p D i s a b l e d	bo ol ea n	f a l s e	显示或隐藏工具提示
t o o l t i p T e m p l a t e	Te mp la te Re f		工具提示中要显示的自定义 ng-template
d e s i g n a t e d T o t a l	nu mb er		total number that the value of each object in the results array will be compared to. If left undefined, the value of each object will automatically be compared to the total of all the values in the results array.
m i n W i d t h	nu mb er	1 5 0	minimum width of each graph in grid

属性	描述
select	单击事件

数据格式为单系列:

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