https://github.com/vue-bulma/chartist

Chartist component for Vue Bulma
https://github.com/vue-bulma/chartist

Last synced: 7 months ago
JSON representation

Chartist component for Vue Bulma

• Host: GitHub
• URL: https://github.com/vue-bulma/chartist
• Owner: vue-bulma
• Created: 2016-07-14T18:17:10.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-03-12T05:59:19.000Z (over 8 years ago)
• Last Synced: 2025-03-26T07:55:58.369Z (8 months ago)
• Language: Vue
• Size: 9.77 KB
• Stars: 13
• Watchers: 0
• Forks: 7
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-vue-refactor - vue-bulma-chartist
• awesome-vuejs - vue-bulma-chartist

README

          
# Chartist

Chartist component is based on [Chartist](http://gionkunz.github.io/chartist-js/) for Vue Bulma.

## Installation

```

$ npm install vue-bulma-chartist

```

## Examples

```vue

  

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

        }

      }

    }

  }

}

```

## Badges

![](https://img.shields.io/badge/license-MIT-blue.svg)

![](https://img.shields.io/badge/status-stable-green.svg)

---

> [fundon.me](https://fundon.me)  · 

> GitHub [@fundon](https://github.com/fundon)  · 

> Twitter [@_fundon](https://twitter.com/_fundon)