Google Charts component for Vue.js
npm install vue-chartsGoogle Charts plugin for Vue.js
``shell`
npm install --save-dev vue-charts
`js`
Vue.use(VueCharts)html``
:columns="columns"
:rows="rows"
:options="options"
>
| 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 |
This plugin is heavily based off of:
- vue-plugin-boilerplate
- vue-google-maps
- react-google-charts