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

Chartjs component is based on chart.js for Vue Bulma
https://github.com/vue-bulma/chartjs

Last synced: 3 months ago
JSON representation

Chartjs component is based on chart.js for Vue Bulma

• Host: GitHub
• URL: https://github.com/vue-bulma/chartjs
• Owner: vue-bulma
• License: mit
• Created: 2016-07-14T17:38:54.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-05-19T00:38:45.000Z (over 6 years ago)
• Last Synced: 2024-10-21T17:15:31.111Z (4 months ago)
• Language: Vue
• Homepage:
• Size: 32.2 KB
• Stars: 64
• Watchers: 3
• Forks: 24
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-vue - chartjs - bulma/chartjs?style=social) - Vue Bulma的chartjs组件 (UI组件)
• awesome-github-vue - chartjs - Vue Bulma的chartjs组件 (UI组件)
• awesome-github-vue - chartjs - Vue Bulma的chartjs组件 (UI组件)
• awesome - chartjs - Vue Bulma的chartjs组件 (UI组件)

README

        
# Chartjs

Chartjs component is based on [chart.js](http://www.chartjs.org) for Vue Bulma.

## Installation

```

$ npm install vue-bulma-chartjs

```

## Examples

```vue

  

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

      }

    }

  }

}

```

## 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)