Chartjs

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

Installation

$ npm install vb-chartjs

Examples

1<template>
2  <chart :type="'pie'" :data="data" :options="options"></chart>
3</template>
4
5<script>
6import Chart from 'vue-bulma-chartjs'
7
8export default {
9  components: {
10    Chart
11  },
12
13  data () {
14    return {
15      data: {
16        labels: ['Sleeping', 'Designing', 'Coding', 'Cycling'],
17          datasets: [{
18          data: [20, 40, 5, 35],
19          backgroundColor: [
20            '#1fc8db',
21            '#fce473',
22            '#42afe3',
23            '#ed6c63',
24            '#97cd76'
25          ]
26        }]
27      },
28      options: {
29        segmentShowStroke: false
30      }
31    }
32  }
33}
34</script>

Badges

---

fundon.me  ·  GitHub @fundon  ·  Twitter @_fundon