There are few options on how to include/import ApexCharts into your project:
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>
Be the first to know about new updates and exclusive discounts. No spam, just great offers!
How about
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 Created & Crafted by SRBThemes.