# ng2-google-charts-safe-options

> Google Charts module for Angular 2 and beyond

Latest version **6.1.1** (published 2021-11-05) · MIT license · 0 weekly downloads

## Install

```sh
npm install ng2-google-charts-safe-options
pnpm add ng2-google-charts-safe-options
yarn add ng2-google-charts-safe-options
bun add ng2-google-charts-safe-options
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 6.1.1 |
| Published | 2021-11-05 |
| First published | 2021-11-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 427.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 118 |
| Author | Giacomo Mazzamuto |
| Maintainers | luca-moveshelf |
| Keywords | angular, angular2, ng, ng2, Google, Charts |

## Links

- npm: https://www.npmjs.com/package/ng2-google-charts-safe-options
- Repository: https://github.com/gmazzamuto/ng2-google-charts
- Homepage: https://www.devrandom.it/software/ng2-google-charts/
- Issues: https://github.com/gmazzamuto/ng2-google-charts/issues
- Funding: https://github.com/gmazzamuto/ng2-google-charts?sponsor=1
- npm.io page: https://npm.io/package/ng2-google-charts-safe-options

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^1.9.0

## Alternatives

- [angular-pipes](https://npm.io/package/angular-pipes.md) — 5.6K weekly downloads
- [@ng-web-apis/midi](https://npm.io/package/@ng-web-apis/midi.md) — 2.6K weekly downloads
- [happn-3](https://npm.io/package/happn-3.md) — 1.6K weekly downloads
- [@opensip-cli/lang-go](https://npm.io/package/@opensip-cli/lang-go.md) — 1.2K weekly downloads
- [mongoose-typescript](https://npm.io/package/mongoose-typescript.md) — 85 weekly downloads

## Recent versions

- 6.1.1 (latest) — 2021-11-05
- 6.1.0 — 2021-11-05
- 0.0.1 — 2021-11-05

## README

# ng2-google-charts

> Angular Google Charts module (works with Angular 8, Angular 9).

[![NPM Version][npm-image]][npm-url]
[![Downloads][npm-downloads-image]][npm-downloads-url]

## Features
* All chart types
* Dashboard and controls
* Chart Editor
* Formatters
* Events

## Sponsoring

*If you are using this package commercially or if you find it useful, please
consider [sponsoring][donate-url] this project.*

## Install

```bash
npm i --save ng2-google-charts
```

## Quick start
Import the module in your `app.module.ts`:
```ts
import { Ng2GoogleChartsModule } from 'ng2-google-charts';

@NgModule({
  ...
  imports: [
    ...
    Ng2GoogleChartsModule,
  ],
  providers: [
})
export class AppModule { }
```

In your templates, use the `google-chart` component like this:
```html
<google-chart [data]="pieChart"></google-chart>
```
and in the corresponding `.ts` file:
```ts
import { GoogleChartInterface } from 'ng2-google-charts';

public pieChart: GoogleChartInterface = {
  chartType: 'PieChart',
  dataTable: [
    ['Task', 'Hours per Day'],
    ['Work',     11],
    ['Eat',      2],
    ['Commute',  2],
    ['Watch TV', 2],
    ['Sleep',    7]
  ],
  //firstRowIsData: true,
  options: {'title': 'Tasks'},
};
```

## Usage & Demo
Check out the [reference documentation][reference] and the [live demo][example-page].

## License

[MIT](LICENSE.md)

[npm-image]: https://img.shields.io/npm/v/ng2-google-charts.svg
[npm-url]: https://npmjs.org/package/ng2-google-charts
[npm-downloads-image]: https://img.shields.io/npm/dm/ng2-google-charts.svg
[npm-downloads-url]: https://npmjs.org/package/ng2-google-charts
[reference]: https://www.devrandom.it/software/ng2-google-charts/additional-documentation/usage.html
[example-page]: https://www.devrandom.it/software/ng2-google-charts/demo
[donate-url]: https://github.com/gmazzamuto/ng2-google-charts?sponsor=1

---
_Source: https://npm.io/package/ng2-google-charts-safe-options · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._