1
resposta

Dados dinâmicos

j.s

 const graficoDolar = document.getElementById ('graficoDolar');

const graficoParaDolar = new Chart(graficoDolar, {
    type: 'line',
    data: {
      labels: [],
      datasets: [{
        label: 'Dólar',
        data: [],
        borderWidth: 1
      }]
    },
  });  
setInterval(() => conectaAPI(), 5000 );
async function conectaAPI() {
   const conecta = await fetch("https://economia.awesomeapi.com.br/json/last/USD-BRL")
   const conectaTraduzido = await conecta.json();
   let tempo = geraHorario();
   let valor = conectaTraduzido.USDBRL.ask;
   adicionarDados(graficoParaDolar, tempo, valor)
}

function geraHorario() {
  let data = new Date();
  let horario = data.getHours() + ":" + data.getMinutes() + ":" + data.getSeconds();
  console.log(horario);
  return horario;
}

function adicionarDados(grafico, legenda, dados) {
  grafico.data.labels.push(legenda);
  grafico.data.datasets.forEach( (dataset ) => {
     dataset.data.push(dados)
  })
  grafico.update();
}
1 resposta

Olá, Estanislau, tudo bem?

Continue com essa dedicação! A prática constante é o melhor caminho para a evolução.

Bons estudos!

Sucesso

Imagem da comunidade