UI Components > Charts
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: