how to import ApexChart from “apexcharts” to f7-vue
Configuring vue-apexcharts
= Kodi nox
Now that we have vue-apexcharts installed we need to install it in our application. Open up the src
directory and create a new directory called plugins
. Inside the new plugins directory create a file called apexcharts.js
.
Next, we will create a Vue component for apexcharts in our apexcharts.js
. This will make the component globally available in our application.
To do this, we’ll be importing both Vue and vue-apexcharts. Next, we will create a global component called apexchart
. Here is what your apexcharts.js
file should look like:
import Vue from 'vue'
import VueApexCharts from 'vue-apexcharts'
Vue.component('apexchart', VueApexCharts)