Data Charts in Angular | Angular tutorials | Part 2

Опубликовано: 28 Май 2021
на канале: CGuider
500
14

Checkout the written tutorials:
Dashboard Part 1: https://technetzz.com/how-to-create-a...
Dashboard Part 2: https://technetzz.com/how-to-create-a...
Dashboard Part 3: https://technetzz.com/how-to-create-r...
Dashboard Part 4: https://technetzz.com/theming-angular...
Dashboard Part 5: https://technetzz.com/how-to-create-a...
Advanced nested forms: https://technetzz.com/advanced-web-fo...
Customisable alerts: https://technetzz.com/customisable-al...

This is the second part of the fourth video of the responsive admin dashboard Angular tutorials series. At the end of this tutorial, you will learn how to use the chart.js library in your own Angular project to present data and statistics in responsive charts.

If you missed the project overview video, I recommend you check that video first.
   • Angular material tutorials | Project ...  

Please make sure to check your ng version and npm version. This project is successfully run on the following versions.
------ ng --version ------
Angular CLI: 10.0.1
Node: 14.15.1
Package Version
------------------------------------------------------
@angular-devkit/architect 0.1000.1
@angular-devkit/core 10.0.1
@angular-devkit/schematics 10.0.1
@schematics/angular 10.0.1
@schematics/update 0.1000.1

---- npm -v ------
6.14.8

In this video, we will create the following charts using the chart js library.
1. bar chart
2. doughnut chart
3. pie chart
4. line chart
5. polar chart
6. radar chart

And also, You can use this project as a starter for your own projects.

Clone the project template from here: https://github.com/SmadusankaB/angula...