A Powerful and Highspeed Chart Parser for Vue1.X.X & Vue2.X.X
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist update to vue2.0.0+ Oct 6, 2016
src Compability fix for Vue-2.0 Sep 30, 2016
.babelrc init commit May 13, 2016
.editorconfig init commit May 13, 2016
.gitignore Initial commit May 13, 2016
LICENSE Initial commit May 13, 2016
README.md Update README.md with action list Oct 29, 2016
package.json update to vue2.0.0+ Oct 6, 2016
webpack.common.js test version May 17, 2016
webpack.config.js test version May 17, 2016

README.md

vue-chart

npm npm npm

A Powerful and Highspeed Chart Parser for Vue.

  • version 1.X.X for vue1.X.X
  • version 2.X.X for vue2.X.X

Example

DEMO | CODE

Installation

Browser globals

The dist folder contains vue-chart.js and vue-chart.min.js with the component exported in the window.VueChart object.

<body>
  <vue-chart type="line" :data="myData" :options="myOptions"></vue-chart>
</body>
<script src="path/to/vue.js"></script>
<script src="path/to/vue-chart.js"></script>
<script>
    var vm = new Vue({
        el: "body",
         components: {
            VueChart
          }
    });
</script>

CommonJS

var VueChart = require('vue-chart');

new Vue({
  components: {
    'vue-chart': VueChart
  }
})

js

// <script src="dist/vue-chart.js"></script>

new Vue({
  components: {
    VueChart
  }
})

ES6

import VueChart from 'vue-chart'

new Vue({
  components: {
    VueChart
  }
})

Props

Prop Type Default
type String type="line"
data Object DOCS
options Object DOCS

Todo

Done Prop Type Required Description
No type String no default is line
No datasets Array[object] yes Chart.data.datasets
No labels Array[String] yes Chart.data.labels
No xLabels Array[String] no Chart.data.xLabels
No yLabels Array[String] no Chart.data.yLabels
No common Object no Common Chart Configuration
No title Object no Title Configuration
No legend Object no Legend Configuration
No tooltip Object no Tooltip Configuration
No hover Object no Hover Configuration
No animation Object no Animation Configuration
No element Object no Element Configuration

Thanks

License

Copyright (c) 2016 vue-chart by MIT