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: