angular-google-charts

angular-google-charts

A wrapper for the Google Charts library written in Angular.

Install

With npm installed, run

npm install angular-google-charts

Usage

Import the GoogleChartsModule in your app.module.ts:

import { GoogleChartsModule } from 'angular-google-charts';

@NgModule({
  ...
  imports: [
    ...
    GoogleChartsModule,
    ...
  ],
  ...
})
export class AppModule {}

And create a google-chart component somewhere in your application:

<google-chart [title]="chart.title" [type]="chart.type" [data]="chart.data" [columns]="chart.columnNames" [options]="chart.options">
</google-chart>

Detailed Instructions

Find the full readme at GitHub.

License

MIT

Changelog

1.1.0 (2020-04-19)

⚠ BREAKING CHANGES

• always load the google.visualization namespace
• rename raw chart to chart wrapper
• raw chart component
• google chart component
• script loader service public interface

Features

• add safe mode to config (e11974c)
• always load the google.visualization namespace (1a9d892)
• controls and dashboards (3c7c497)
• editing charts (c6eda2d)
• provide config as object (2d5953f)

Bug Fixes

• mouse events emitting multiple times if chart is redrawn (20e6ad1), closes #83
• run callbacks after loading scripts in angular zone (b567030)

improvement

• script loader service public interface (8f1f36b)

• google chart component (013f978)
• raw chart component (ed88549)
• rename raw chart to chart wrapper (875e71e)