Как интегрировать pie/donut apexcharts во vue?

Question

[adizh]

Нужно сделать pie/donut apexchart, который будет показывать процент от общей суммы и закрашивать этот процент. Каким образом можно динамически обновлять и закрашивать круг?

<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:[],

в mounted:

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

total_budget изменяется при добавлении новой покупки