Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Passar valores pegados do axios e jogar no Apexcharts - Vue.JS

Estou tentando enputar o valor de um array que estou puxando do back dentro de um gráfico apexchart, porém não está retornando nada, o grafico aparece em branco

o callback

      mounted() {
        this.uChart()
  },
  methods: {
    uChart() {
      this.$axios.get("/Operacional/GetRelatorio").then(res => {
        this.$refs.chart1.updateSeries([{
          data: res.data
        }])
      });
      console.log(this.$refs.chart1)
    }
},
        <div id="graphics-1" class="col-md-4">  
         <apexchart 
         ref="chart1"
         width="470" 
         height="470"
         type="donut" 
         :options="options" 
         :series="series"
         ></apexchart> 
    </div> 

a array do axios está retornando os valores assim

{ emDia: 0,  atrasadas: 864, noPrazo: 41 }
1 resposta
solução!

Fala ai Christian, tudo bem? O que você pode fazer é criar os campos dentro do data do seu componente e após finalizar a requisição você atualiza o estado interno do componente.

Depois você passa isso como propriedade para o gráfico.

Espero ter ajudado.