Vue.js Google Charts

Reactive Vue.js wrapper for Google Charts library

Installation

npm i vue-google-charts

Default import

Install a component globally (use as plugin):

import Vue from 'vue'
import VueGoogleCharts from 'vue-google-charts'

Vue.use(VueGoogleCharts)

Use locally in a component:

import { GChart } from 'vue-google-charts'

export default {
  components: {
    GChart
  }
}

Browser

<script src="vue.js"></script>
<script src="vue-google-charts/dist/vue-google-charts.browser.js"></script>