ngx-google-charts is a component of the Google Chart app on Angular 6+ apps.
google chart api example, how to use google charts, google chart options, angular google charts, google pie chart click event example
Features:
- Inbuild Google Library Loading – All related libraries and packages will be loaded through components so no need to include them explicitly and loading chart related packages
- Data Changes Aware – Component is data changes aware so in case of changes in data promise, the chart will rerender again automatically.
- Option Changes Aware – Any changes made to Google Option Object, will be automatically drawn to the chart.
Attractive JavaScript Plotting Charts With jQuery Plugin | flot
How to make use of it:
Import Google Chart Module to your module file.
import {GoogleChartModule} from './angular-google-chart/google-chart.module';
Add component in HTML.
<google-chart [chartType]="'LineChart'" [dataPromise]="dataPromise" [options]="options" (onSelect)="onSelect($event)" ></google-chart>
Google Chart Implementation, Angular Google Chart Component Plugin/Github
See Demo And Download
Official Website(dbk4002): Click Here
This superior jQuery/javascript plugin is developed by dbk4002. For extra advanced usage, please go to the official website.
