Estou enfretando um problema no bloco HTML usando um grafico de linha, pois quando o dashBoard atualiza, ele fica renderizando um grafico abaixo do outro! Segue o codigo javaScript abaixo.
Infelizmente seu código não ficou visível na postagem, não conseguimos avaliar.
Isto porque a página do fórum “interpretou” seu código e não postou ele em texto puro.
Fica a dica para quem for postar códigos, sejam html ou JavaScript, por exemplo:
Para postar o texto de códigos, usem a ferramenta do editor conforme abaixo
Muito boa esta biblioteca para gerar gráficos em um Bloco Custom HTML!
Infelizmente seu código ainda não está acessível.
Está fragmentado, mas consegui juntar as partes e montar aqui o Custom HTML.
Para mim, inicialmente funcionou normalmente.
Achei que era algo relacionado à altura do bloco.
Até montei dois blocos com alturas diferentes e ambas ficaram OK.
Mas depois de um tempo notei que, às vezes, depois de sair da edição do bloco, ele aparecia duplicado
Mas isto era somente no “ambiente de edição”, porque, ao criar o acesso à UX, não ocorreu mais.
Veja abaixo, após criar o slug.
Atualizei várias vezes e não ocorreu a duplicidade
Abaixo vou postar como montei o bloco.
1- Custom HTML
2 - Criadas 3 queries de Time series
3 - Parte superior no header
4- Body com a div do gráfico.
Outra observação importante foi que eu mantive os links padrões do bloco antes de inserir seu código.
Veja que, com o link para o bootstrap, meu bloco “se ajustou” melhor e automaticamente:
Sem o link para o bootstrap, já começaram a aparecer barras de rolagem e meu gráfico já não se adequou tão bem, veja: