charts.vue

Simple wrapper for Chart.js 3

This version only works with Vue3!!

If you want a version that works with Vue 2 go to Charts.vue2

Installation

npm i chart.js@next charts.vue

Simple usage:

<chart type="bar" :labels="labels" :datasets="dataset" :options="options" />

import Chart from 'charts.vue';
...
components : {Chart}
...
//data:
labels : ['1','2','3'],
dataset : [{
	label: 'My Dataset',
	backgroundColor: '#f87979',
	data: [1,2,3]
}],
options: {
	responsive: true,
	maintainAspectRatio: false,
}

For a full guide of the options you can go to Chart.js

Development

build for development and watch: npm run dev

building: npm run build