Apexchart usage on Ionic

Ionic Framework Ionic Vue
1

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

Screen Shot 2021-09-02 at 14.30.12
Screen Shot 2021-09-02 at 14.30.121542×262 51.1 KB

this is the codes

Screen Shot 2021-09-02 at 14.47.13
Screen Shot 2021-09-02 at 14.47.13742×548 49.2 KB

thanks in advance

2

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
  },
})
3

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