Vuejs Graphics Creation Library?

Asked

Viewed 1,824 times

2

I’m in need of graphics generation, and I’m using the Vuejs framework, along with Quasar. I wonder if anyone knows or knows any library so I can generate these graphics; I’ve seen some, but the documentation is in Chinese, which makes it very difficult. Thanks in advance.

javascript front-end vue.js graphic

  • Have you seen Vue? https://github.com/vuejs/awesome-vue#Charts

  • you can use the Vue Charts

  • Thanks guys, I’ll take a look and see which one fits best to what I need...

1 answer

2


You can use the Vue-Chartjs, is very simple to use, besides being one of the most beautiful.

import VueCharts from 'vue-chartjs'    
import { Bar } from 'vue-chartjs'

export default Bar.extend({
  mounted () {
    this.renderChart({
      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
      datasets: [
        {
          label: 'GitHub Commits',
          backgroundColor: '#f87979',
          data: [40, 20, 12, 39, 10, 40, 39, 80, 40, 20, 12, 11]
        }
      ]
    })
  }
})

  • Yes, I’ve tested it and managed to implement everything right...

Browser other questions tagged javascript front-end vue.js graphic

You are not signed in. Login or sign up in order to post.