É possível sim César!
Como as informações vão vir prontos do back-end no html, seu código JavaScript vai precisar pegar essas infos para renderizar o gráfico no front-end.
Geralmente quando temos que armazenar dados no html pra pegar depois no JavaScript, fazemos isso usando atributos data-*
. Vou dar um exemplo:
Lá no html pegamos um valor dinâmico grafico.valor
:
<div class="grafico" data-valor="#{grafico.valor}">
</div>
No código JavaScript com jQuery, antes de renderizar o gráfico, acessamos o valor que armazenamos no atributo data-valor
:
const $grafico = $('.grafico')
const valorDoHtml = $grafico.data('valor')
renderizaGrafico([valorDoHtml])
Os atributos data-*
podem ter qualquer nome depois do data-
e não há limite de quantos atributos data-
você pode colocar no seu html.
Espero que isso resolva. O que achou?