Skip to content

rockymontana/vue-chart

 
 

Repository files navigation

vue-chart

npm npm npm

A Powerful and Highspeed Chart Parser for Vue.

Example

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

Thanks

License

Copyright (c) 2016 miaolz123 by MIT

Packages

No packages published

Languages

  • JavaScript 100.0%