Apex Charts

On this page you will find different ways in which you can use charts from Apex charts in your project.

Note

In order to see the full(Desktop) view, please click on the External View button ( ) at the top of the style.

Apex Charts

All the charts here are created with the help of apex charts for vue 3. The Documentation can be found here Apex Charts Vue.

npm install --save apexcharts
npm install --save vue-apexcharts

Then create a plugin called apex.client.ts in the plugins directory.

import VueApexCharts from "vue3-apexcharts";

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(VueApexCharts);
});

Bar Chart

Bubble

Donut

Line

Pie

Radar

Radial Bar