1
resposta

Tenho como deixar o tamanho do gráfico responsivo?

Ex. Se eu abrir o gráfico em um notebook e se eu abrir em um celular, tenho como modificar o tamanho dele por meio de css ou pelo script, algo do tipo?

Estou montando uma fatura dinâmica e estou tendo esse problema ao mudar o tamanho da tela... O gráfico fica sempre do mesmo tamanho e "estoura" no celular

1 resposta

Oi Pamela, tudo bem?

Desculpe a demora em retornar.

Sim, é possível deixar o tamanho do gráfico responsivo utilizando CSS. Você pode definir o tamanho do gráfico em porcentagem em vez de pixels. Por exemplo, em vez de definir o tamanho do gráfico como "width: 500px", você pode definir como "width: 100%". Dessa forma, o gráfico irá se ajustar automaticamente ao tamanho da tela.

Além disso, existem bibliotecas de gráficos, como o Chart.js, que já possuem essa funcionalidade de responsividade. Basta você configurar o gráfico para que ele seja responsivo e ele irá se ajustar automaticamente ao tamanho da tela.

Um abraço e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software