vue-charts

Google Charts plugin for Vue.js

Demo

• Basic Line Chart
• Multiple Sets of Data, with auto-update
• Events
• Redraw on window resize

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:

• vue-plugin-boilerplate
• vue-google-maps
• react-google-charts

License

MIT