Gráficos TFT:Gráficos de história ao vivo

• Ler Temperatura

  chk =DHT.read11 (22); temp =(temperatura DHT);  

• Desenhar Gráfico

  if (blockPos <8) {// imprime o tempo tft.setCursor ((mark [valuePos] - 5), (originY + 16)); tft.setTextColor (graphColor, WHITE); tft.setTextSize (1); tft.println (timeBlock [valuePos]); // mapeia o valor locationBlock [valuePos] =map (temp, 0, graphRange, originY, (originY - sizeY)); // desenhar ponto tft.fillRect ((mark [valuePos] - 1), (locationBlock [valuePos] - 1), markSize, markSize, pointColor); // tente conectar ao ponto anterior if (valuePos! =0) {tft.drawLine (mark [valuePos], locationBlock [valuePos], mark [(valuePos - 1)], locationBlock [(valuePos - 1)], lineColor); } blockPos ++; } else {// limpar a tela do gráfico tft.fillRect ((originX + 2), (originY - sizeY), sizeX, sizeY, WHITE); // mapeia o valor - ponto atual locationBlock [valuePos] =map (temp, 0, graphRange, originY, (originY - sizeY)); // ponto de desenho - ponto atual tft.fillRect ((mark [7]), (locationBlock [valuePos] - 1), markSize, markSize, pointColor); // desenha todos os pontos para (int i =0; i <8; i ++) {tft.fillRect ((mark [(blockPos - (i + 1))] - 1), (locationBlock [(valuePos - i)] - 1), markSize, markSize, pointColor); } // desenhe todas as linhas para (int i =0; i <7; i ++) {tft.drawLine (mark [blockPos - (i + 1)], locationBlock [valuePos - i], mark [blockPos - (i + 2)], locationBlock [valuePos - (i + 1)], lineColor); } // alterar as tabelas de tempo para (int i =0; i <=8; i ++) {tft.setCursor ((mark [(blockPos - i)] - 5), (originY + 16)); tft.setTextColor (graphColor, WHITE); tft.setTextSize (1); tft.println (timeBlock [valuePos - i]); }} valuePos ++;  

  bool proDebug =0; uint16_t graphColor =BLUE; uint16_t pointColor =BLACK; uint16_t lineColor =GREEN; String graphName ="Gráfico de tempo"; int graphRange =50; int markSize =3;  

• proDebug é o utilitário de depuração embutido no projeto, ele é definido como 0 como padrão, quando definido como 1 / verdadeiro, ele imprimirá a temperatura atual no Monitor Serial, este é um utilitário de depuração, observe que se ativado, o Monitor Serial é deve ser aberto para que o código seja executado.

• graphColor define a cor do gráfico, as linhas xey e seus rótulos são definidos com esta cor.

• pointColour representa a cor do ponto ilustrando o valor no gráfico.

• lineColour define a cor da linha que une os pontos no gráfico à cor selecionada.

• graphRange é a espinha dorsal do gráfico, note que é muito importante que seja definido corretamente, ele representa o valor máximo que pode ser representado graficamente, estou usando um sensor de temperatura, não esperaria que o valor ultrapassasse 50ºC, então eu defino o valor para 50, se você quiser representar graficamente uma entrada analógica bruta, você pode definir o graphRange para 1024, o valor máximo que um pino analógico pode exibir.

• markSize representa o tamanho do ponto que identifica o valor do sensor no gráfico, o valor representa o comprimento do quadrado.

• Bibliotecas Elegoo - Copyright (c) 2012 Adafruit Industries sob a licença BSD.

• DHT - Autor Rob Tillaart, esta biblioteca é de domínio público

Antecedentes