ng2-charts是一个图表显示插件,它是Chart.js的angular版本,安装方法详见github。这里介绍一下基本的用法。
属性:
data
(Array<number[]> | number[]
) - 图表的点集,Array<number[]>
只能用于line
,bar
和radar
, 其他都可以用number[]
;datasets
(Array<{data: Array<number[]> | number[], label: string}>
) -data
同上,label
用于在 legend 和 tooltips上显示labels
(?Array<any>
) - x轴的labels. 对图表类型line
,bar
和radar
是必须的。 对于图表类型polarArea
,pie
和doughnut悬停显示
chartType
(?string
) - 图表类型, 有这几种:line
,bar
,radar