quasar-components-chart

Utilizando Chart.js no Quasar Framework

9,445 2

vue vuejs chartjs chart js quasarjs google chart

Install
`npm install quasar-components-chart`
Latest Version:	0.1.7 (Mar 10, 2020)
Vue:	2
Last Updated:	Jan 1, 2023
Links:	GitHub · npm

Maintainer: g3ra1d0

download chartjs-tutsplus

You need to import the component

import QChart from 'quasar-components-chart'

Now you need to register the component

import QChart from "chart.js";

export default {
  components: { QChart },
  data() {
    return {};
  }
}

You can use the component

<q-chart 
  identifier="myChart"
  stilo="height:30vh; width: 100%"
  :type="line"
  :labels="labels"
  :datasets="datasets"
  :options="options"
/>

Related Packages

vue-chartjs-financial

Financial (Candlestick/Ohlc) charts with chartjs.org and npm package vue-chartjs

3,033 7

chart chartjs vue candlestick ohlc

vuepress-plugin-chart

A plugin for adding Chart.js to VuePress.

1,060 370

chart chartjs vue vuepress vuepress-plugin

hchs-vue-charts

Base on Vue2.0 wrapper for ChartJs.

70,593 353

chart chartjs vue vuejs chart.js laravel

vue-chartjs-exporter

Export charts created by vue-chartjs to PDF files

7,958 0

chart chartjs vue export html2canavs jspdf pdf

vue-bulma-chartjs

Chartjs component for Vue Bulma

13,553 63

chart chartjs vue bulma chart.js vue-bulma vue-bulma-chartjs vue-bulma-component