popular chart.js com dados do mysql passado no render da página por uma função async
fala pessoal, estou querendo popular um gráfico de pizza na minha página dashboard, porém não estou conseguindo, podem me ajudar (não quero usar php, somente javascript, jquery e html) . 

gráfico: chart.js
bd: mysql
linguagem: javascript / node.js

minha rota na qual passo o json no render da pági…
consegui: 
 [[image]](https://www.guj.com.br/uploads/default/original/3x/8/8/88a135846707bd4bb99f9ebfeff75f41cb2865c7.png "image.png")
segue código com a solução: 
<!-- pizza total peças por perfil no dia -->

<script>

 //variáveis que receberão os dados para popular o gráfico

 const linhaproducao = [];

 const pecasproduzidas = [];

 //dados recebidos do res.render na rota

 '<% dttotalpecaspor…
<p>olá, vim atualizar a discussão!</p>
<p>baixei o módulo do chart.js e instalei com <code>--save</code> na minha aplicação. eu chamo o código no html:</p>
<pre class="prettyprint"><code>&lt;canvas id&#61;&#34;chart&#34;&gt;&lt;/canvas&gt;&lt;script&gt;require(&#39;./js/graficos&#39;)&lt;/script&gt;</code></pre><p>e coloquei as configurações em um arquivo .js chamado &#34;graficos&#34;, o qual tive que importar no final de cada tag <code>&lt;canvas&gt;</code> . no arquivo .js, eu utilizo o requerimento:</p>
<pre class="prettyprint"><code>var chart &#61; require(&#39;chart.js&#39;);</code></pre> opa, alison. tudo bem?nesses casos eu prefiro que a minha action retorne um json e a partir dele eu renderizo a tabela novamente direto no front, ao invés de retornar uma view pronta. se você usa al... opa, tudo bem?temos um exemplo que pode lhe ajudar. ele ensina a fazer um menu hambúrguer com html, css e jquery: //www.devmedia.com.br/exemplo/menu-hamburguer-com-html-css-e-jquery/9... olá [@alexsantos](/u/alexsantos) como vai? bem-vindo à nossa comunidade! :partying\_face:

tem como sim. você vai precisar fazer uma requisição http para o google sheets diretamente ou então criar uma api simples que faça o intermédio.

temos alguns vídeos feitos pelo nosso querido amigo [@igor\_junio\_dos\_santo](/u/igor_junio_dos_santo) onde el… olá gabriel !! tudo bem ??seguinte, isso que vc está querendo fazer não é possível... o php roda antes do javascript e do html e, além disso, em máquinas diferentes (php no servidor e js/html no nav... <p>verifica se o .jar do mysql connector está na pasta web-inf/lib. depois com o botão direito do mouse seleciona a opção de adicionar ao classpath.</p>
<p>espero ter ajudado.</p> <p>com php você só pode lidar com coisas do lado do servidor. o que você pode fazer é imprimir isso no seu iframe:</p><pre><code>parent.window.location.reload(); </code></pre> <p>não mexa com o banco de dados mysql. há muito mais acontecendo lá do que apenas a tabela de usuários. sua melhor aposta é o comando " <a href="https://dev.mysql.com/doc/refman/5.5/en/show-grants.html">show grants</a> for". eu tenho muitos aliases e funções de manutenção da cli no meu .bashrc (na verdade, meus .bash\_aliases que eu forneço no meu .bashrc). esta função:</p><pre><code>mygrants() { mysql -b -n $@ -e "select distinct concat( 'show grants for \'', user, '\'@\'', host, '\';' ) as query from mysql.user" | \ mysql $@ | \ sed 's/\(grant .*\)/\1;/;s/^\(grants for .*\)/## \1 ##/;/##/{x;p;x;}' } </code></pre><p>o primeiro comando do mysql usa sql para gerar sql válido, que é canalizado para o segundo comando do mysql. a saída é então canalizada através do sed para adicionar comentários bonitos.</p><p>o $ @ no comando permitirá que você o chame como: mygrants --host = prod-db1 --user = admin --password = secret</p><p>você pode usar seu kit de ferramentas unix completo da seguinte maneira:</p><pre><code>mygrants --host=prod-db1 --user=admin --password=secret | grep rails\_admin | mysql --host=staging-db1 --user=admin --password=secret </code></pre><p>essa é a maneira certa de mover usuários. sua mysql acl é modificada com sql puro.</p> <p>olá joviane!</p>
<p>eu já fiz este curso, mas não é abordado muitos metodos.</p>
<p>a minha pergunta foi baseada neste link <a href="https://docs.oracle.com/javase/7/docs/api/java/sql/resultset.html" rel="nofollow">https://docs.oracle.com/javase/7/docs/api/java/sql/resultset.html</a></p>
<p>quando vi a quantidade de itens, me surgiu esta dúvida.</p>
<p>tipo: como usar first(), next(), isbeofrefirst().. e por aí vai.</p>
<p>obrigado</p> <p>acho que também precisamos de mais alguns recursos:</p><ul> <li>minimizar js, css e o html que está sendo enviado pela rede.</li> <li>armazenando em cache o código operacional do php que será gerado (exceto pelo memcached).</li> <li>carregue o js, css e imagens que são usados ​​no tema e/ou plugin para um cdn e sincronize automaticamente.</li> <li>opção para usar uma das redes públicas de cdn como o google para recursos comuns como o jquery.</li> <li>ofereça um cdn comum para todos os scripts de administração e imagens do wordpress (que devem ser exatamente os mesmos em várias instalações do wordpress) para que eu possa ter esse trabalho um pouco mais rápido.</li> <li>dns gerenciado - para garantir que eles possam restaurar um backup de seu site em outro local automaticamente, caso tenham problemas com o hardware atual. com isso, eles podem alternar automaticamente seus domínios para as novas configurações.</li> </ul>