google-chart
Google Charts API web components
google-chart
Google Charts API web components.
See: Documentation
Usage
Installation
npm i @google-web-components/google-chart
In HTML file
<html>
<head>
<script type="module">
import '@google-web-components/google-chart/google-chart.js';
</script>
</head>
<body>
<google-chart data='[["Month", "Days"], ["Jan", 31]]'></google-chart>
</body>
</html>
In a Polymer 3 element
import {PolymerElement, html} from '@polymer/polymer';
import '@google-web-components/google-chart/google-chart.js';
class NewElement extends PolymerElement {
static get template() {
return html`
<google-chart data='[["Month", "Days"], ["Jan", 31]]'></google-chart>
`;
}
}
customElements.define('new-element', NewElement);
More usage examples
See examples in the demo or try this live JS bin.
Contributing
Instructions for running the tests and demo locally:
Installation
git clone https://github.com/GoogleWebComponents/google-chart.git
cd google-chart
npm install
npm install -g polymer-cli
Running the demo locally
polymer serve --open
and visit http://127.0.0.1:8081/components/@google-web-components/google-chart/demo/
.
Running the tests
polymer test --npm
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
- google-apis#GoogleWebComponents/google-apis#1 - 2
- iron-ajax#PolymerElements/iron-ajax#1 - 2
- polymer#Polymer/polymer#1.9 - 2
- Released
- 2018-11-28
- Maturity
- IMPORTED
- License
- Apache License 2.0
Compatibility
- Framework
- Polymer 2.0+
- Polymer 1.0+ in 0.0.1
- Polymer 3.0+ in 3.0.0
- Browser
- Browser Independent
Vaadin Add-on Directory
Find open-source widgets, add-ons, themes, and integrations for your Vaadin application.
The channel for finding, promoting, and distributing Vaadin add-ons.