Hello to all, welcome to therichpost.com. In this post, I will tell you, Angular 8/9/10 HighCharts Working Example.
Angular 10 highcharts
Here is the working code snippet and please use carefully:
1. Here are the basics commands, you need to use into your terminal or command prompt to install Angular 10Â fresh set up:
npm install -g @angular/cli //Setup Angular10 atmosphere
ng new angularchart //Install New Angular App
/**You need to update your Nodejs also for this verison**/
cd angularchart //Go inside the Angular 10 Project
Â
2. After Install Angular 10Â fresh setup and go inside the Angular 10 setup, run below command into your terminal to install HighCharts:
npm i --save angular-highcharts highcharts
Â
3. Now add below code into your app.module.ts file:
import { ChartModule } from 'angular-highcharts';
@NgModule({
imports: [
...
ChartModule // add ChartModule to your imports
]
})
Â
4. Now add below code into your app.component.ts file:
Hello to all. Welcome to therichpost.com. Myself Ajay Malhotra and I am freelance full stack developer. I love coding. I know WordPress, Core php, Angularjs, Angular 14, Angular 15, Angular 16, Angular 17, Bootstrap 5, Nodejs, Laravel, Codeigniter, Shopify, Squarespace, jQuery, Google Map Api, Vuejs, Reactjs, Big commerce etc.
3 comments
Hi how to connect this with a table in mysql?
Working on it and update you sooner.
Thank you very much!!!