Apexchart

ApexCharts is loaded with powerful features to fulfill your data-visualization needs. Look at some of the key features of ApexCharts. For more details

Installing via npm
npm i vue-apexcharts

import vue3-apexcharts in main.js file

import VueApexCharts from 'vue3-apexcharts'
Component
<template>
  <div>
    <apexchart width="350" type="pie" :options="adminChart1.options" :series="adminChart1.series"></apexchart>
  </div>
</template>
Script
const adminChart1 = ref({
  series: [65, 35],
  options: {
    legend: {
      show: true,
      position: "bottom",
      horizontalAlign: "center",
    },
    labels: ["Likes", "Followers"],
    responsive: [
      {
        breakpoint: 480,
        options: {
          chart: {
            width: 200,
          },
          legend: {
            show: false,
          },
        },
      },
    ],
  },
});
Live Customizer Next