vue-bulma-chartist

Chartist component for Vue Bulma

Usage no npm install needed!

<script type="module">
  import vueBulmaChartist from 'https://cdn.skypack.dev/vue-bulma-chartist';
</script>

README

Chartist

Chartist component is based on Chartist for Vue Bulma.

Installation

$ npm install vue-bulma-chartist

Examples

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

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

export default {
  components: {
    Chart
  },

  data () {
    return {
      data: {
        labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
        series: [
          [12, 9, 7, 8, 5],
          [2, 1, 3.5, 7, 3],
          [1, 3, 4, 5, 6]
        ]
      },
      options: {
        fullWidth: true,
        chartPadding: {
          right: 40
        }
      }
    }
  }
}
</script>

Badges

fundon.me · GitHub @fundon · Twitter @_fundon