How can I integrate Chart.js with Vue.js?

How can I integrate Chart.js with Vue.js?

You can integrate Chart.js with Vue.js by using the vue-chartjs wrapper. First, install both Chart.js and vue-chartjs.

What are the steps to install these libraries?

You can install them using npm: npm install chart.js vue-chartjs. After that, you can import and use them in your Vue components.

Can you show me a simple example of a chart?

Sure! Here's a basic example:

<template>
  <BarChart :chart-data="chartData" />
</template>
<script>
import { Bar } from 'vue-chartjs';
export default {
  components: { BarChart: Bar },
  data() {
    return {
      chartData: {
        labels: ['January', 'February', 'March'],
        datasets: [{
          label: 'Sales',
          data: [40, 20, 30],
          backgroundColor: '#42A5F5'
        }]
      }
    };
  }
};
</script>