Angular PrimeNG线图的线条样式
Angular PrimeNG是一个开源框架,拥有丰富的原生Angular UI组件,可以用来做很好的造型,这个框架用来做响应式网站非常方便。在这篇文章中,我们将看到Angular PrimeNG中的线形图线条样式。
折线图或折线图是一种图表类型,它以一系列被称为 “标记 “的数据点显示信息,这些数据点由直线段连接。折线图可以有不同的风格,如填充式、边框式或虚线式。
语法:
创建Angular应用程序和模块安装。
第1步 。使用以下命令创建一个Angular应用程序。
第2步:创建你的项目文件夹即appname后,使用以下命令移动到它。
第3步在你给定的目录中安装PrimeNG。
项目结构:它将看起来像如下。
Project Structure
例子1:这个例子描述了Angular PrimeNG中线形图线条样式的基本用法。
- app.component.html
- app.component.ts
- app.module.ts
输出:
例子2:这个例子描述了Angular PrimeNG中线形图线条样式的使用,我们使用的是有边框的线形图样式和虚线边界
- app.component.html
- app.component.ts
- app.module.ts
输出: