ng2-charts学习与实践（1）

最新推荐文章于 2024-08-10 07:50:10 发布

aaalsh

最新推荐文章于 2024-08-10 07:50:10 发布

阅读量975

点赞数

分类专栏：前端 angular ng2-charts

本文链接：https://blog.csdn.net/u012033169/article/details/80419150

版权

本文介绍了ng2-charts，一个基于Chart.js的Angular图表插件。内容包括安装方法、基本属性如数据集、标签、图表类型等的设置，以及点击和悬停事件的处理。通过示例代码展示了如何获取图表实例和处理点击事件，同时提到了ng2-charts 1.6.0版本的悬停事件bug及解决方案。

摘要由CSDN通过智能技术生成

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

关注

专栏目录