How to integrate pie/donut apexcharts in vue?

Question

Vue.js

We need to make a pie/donut apexchart that will show a percentage of the total amount and paint over this percentage. How can I dynamically update and paint a circle?

<div>
      <apexchart width="380" type="donut" :options="options" :series="series"></apexchart>
    </div>

data:

data() {
    return {
      total_budget:'',
       options : {
    plotOptions: {
      pie: {
        customScale: 1.0
      },
        labels:['Total'],
    }, 
  },
      series:[],

in mounted:

mounted() {
  this.series.push(this.total_budget?this.total_budget:0)
  },

total_budget changes when a new purchase is added