ApexCharts

There are few options on how to include/import ApexCharts into your project:

Install from NPM

Install the ApexCharts icon library from command prompt from the root directory of the project:

npm install --save apexcharts
npm install --save vue3-apexcharts

How to import ApexCharts package? main.ts

import VueApexCharts from "vue3-apexcharts";

const app = createApp(App);
app.use(VueCompareImage);
                

Below the example how to use the package and make it working ApexCharts on any page.

Vue Component

<script setup>
    import VueApexCharts from 'vue3-apexcharts';
    const series: [{
            name: 'series-1',
            data: [30, 40, 45, 50, 49, 60, 70, 91]
    }]
    const options= {
            chart: {
            id: 'vuechart-example'
            },
            xaxis: {
            categories: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998]
        }
    }

</script>


<template>
<VueApexCharts v-if="series && options" :height="500" :options="options" :series="series" />
</template>

                
Receive the latest updates directly in your inbox!

Be the first to know about new updates and exclusive discounts. No spam, just great offers!

How about

A Custom Project?

With over 7 years of experienced team, we specialize in delivering custom projects for startups, blue-chip companies, and government agencies. We have successfully completed over 250+ projects, providing tailored solutions that meet the unique needs of each client.

Hire Us
Domiex Admin & Dashboards
230+

Total Pages

5+

Layouts

11+

Application

We provide quick support withing one business day to all of our customers.

© Domiex Created & Crafted by SRBThemes.