Chartjs component is based on chart.js for Vue Bulma
Switch branches/tags
Clone or download
Latest commit b4f2ef3 Aug 4, 2017
Permalink
Failed to load latest commit information.
src Update Chartjs.vue Aug 4, 2017
.gitignore Chartjs Jul 14, 2016
LICENSE Chartjs Jul 14, 2016
README.md format example Aug 4, 2017
package.json Bump v1.0.5 Aug 4, 2017
yarn.lock Bump v1.0.5 Aug 4, 2017

README.md

Chartjs

Chartjs component is based on chart.js for Vue Bulma.

Installation

$ npm install vue-bulma-chartjs

Examples

<template>
  <chart :type="'pie'" :data="data" :options="options"></chart>
</template>

<script>
import Chart from 'vue-bulma-chartjs'

export default {
  components: {
    Chart
  },

  data () {
    return {
      data: {
        labels: ['Sleeping', 'Designing', 'Coding', 'Cycling'],
          datasets: [{
          data: [20, 40, 5, 35],
          backgroundColor: [
            '#1fc8db',
            '#fce473',
            '#42afe3',
            '#ed6c63',
            '#97cd76'
          ]
        }]
      },
      options: {
        segmentShowStroke: false
      }
    }
  }
}
</script>

Badges


fundon.me  ·  GitHub @fundon  ·  Twitter @_fundon