vue-charts
Google Charts component for Vue.js
19,959
190
| Install | |
|---|---|
npm install vue-charts |
|
| Latest Version: | 0.2.1 |
| Vue: | 2 |
| Older releases: | 1 |
| License: | MIT |
| Last Updated: | Jan 11, 2018 |
| Links: | GitHub · npm |
Maintainer: haydenbbickerton
vue-charts
Google Charts plugin for Vue.js
Demo
Installation
npm install --save-dev vue-charts
Usage
Vue.use(VueCharts)
<!-- Props can be literal, or dynamic (like they are here) -->
<vue-chart
:chart-type="chartType"
:columns="columns"
:rows="rows"
:options="options"
></vue-chart>
Props
| Name | Default | Type | Description |
|---|---|---|---|
| packages | ['corechart'] |
Array | Google Chart Packages to load. |
| version | current |
String | Google Chart Version to load. |
| chart-type | LineChart |
String | The type of chart to create. |
| columns | none, required | Array | Required. Chart columns. |
| rows | none | Array | Chart rows. |
| chart-events | none | Object | Google Charts Events. See Events Example |
| options | none | Object | Google Charts Options |
Credits
This plugin is heavily based off of:
License
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 0.2.1 | ^2.0.3 | MIT | |
| 0.1.14 | ^1.0.10 | MIT | |
| 0.1.13 | ^1.0.10 | MIT | |
| 0.1.1 | ^1.0.10 | MIT | |
| 0.1.0 | ^1.0.10 | MIT | |
| 0.0.5 | ^1.0.10 | MIT |