charts.vue2

Simple Vue2 wrapper for Chart.js

If you want a wrapper that works with Vue3 go to Charts.vue

Installation

npm i chart.js charts.vue2

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