https://github.com/haydenbbickerton/vue-charts

*UNSUPPORTED* Google Charts plugin for Vue.js
https://github.com/haydenbbickerton/vue-charts

Last synced: 4 months ago
JSON representation

*UNSUPPORTED* Google Charts plugin for Vue.js

• Host: GitHub
• URL: https://github.com/haydenbbickerton/vue-charts
• Owner: haydenbbickerton
• License: mit
• Created: 2016-02-16T00:32:08.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2018-01-11T09:55:16.000Z (about 7 years ago)
• Last Synced: 2024-09-17T23:43:34.900Z (5 months ago)
• Language: JavaScript
• Homepage:
• Size: 89.8 KB
• Stars: 191
• Watchers: 8
• Forks: 33
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-vue-cn - vue-charts ★17

README

        
# vue-charts

[![Version](https://img.shields.io/npm/v/vue-charts.svg?style=flat-square)](https://www.npmjs.com/package/vue-charts)

[![Status](https://img.shields.io/circleci/project/haydenbbickerton/vue-charts/master.svg?style=flat-square)](https://circleci.com/gh/haydenbbickerton/vue-charts/tree/master)

[![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat-square)](http://standardjs.com)

[![License](https://img.shields.io/npm/l/vue-charts.svg?style=flat-square)](LICENSE)

Google Charts plugin for Vue.js

## Demo

- [Basic Line Chart](https://haydenbbickerton.github.io/vue-charts/basic.html)

- [Multiple Sets of Data, with auto-update](https://haydenbbickerton.github.io/vue-charts/sets.html)

- [Events](https://haydenbbickerton.github.io/vue-charts/events.html)

- [Redraw on window resize](https://haydenbbickerton.github.io/vue-charts/redraw.html)

## Installation

```shell

npm install --save-dev vue-charts

```

### Usage

```js

Vue.use(VueCharts)

```

```html

```

## 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](https://github.com/kazupon/vue-plugin-boilerplate)

- [vue-google-maps](https://github.com/GuillaumeLeclerc/vue-google-maps/)

- [react-google-charts](https://github.com/RakanNimer/react-google-charts)

# License

[MIT](http://opensource.org/licenses/MIT)