Apexchart usage on Ionic

[ryansyrl]

Hello,

Im trying to use Apexchart in my project, but it seems like the codes does not working at all. is anyone can point me where i made the mistakes?

this is the warning

this is the codes

thanks in advance

[umfi]

vue-apexcharts is for Vue2. Use vue3-apexcharts.

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

In your code you can use than something like this:

 <apexchart
            width="100%"
            height="300"
            type="radialBar"
            :options="chartOptions"
            :series="series"
          ></apexchart>


import VueApexCharts from "vue3-apexcharts";


export default defineComponent({
  components: {
    IonContent,
    IonHeader,
    ....
    apexchart: VueApexCharts
  },
})

[ryansyrl]

@umfi

npm install --save apexcharts

ahh i see… okay i’ll try with vue3-apexcharts… thank you