How to draw real-time data in a specific canvas area？

[glv]

Hello @cola,

Keep in mind what Serial.println() is sending from Arduino:
https://docs.arduino.cc/language-reference/en/functions/communication/serial/println/

It is much cleaner to do this on Arduino side as the terminating character:

Serial.print('\n'); // Sends only an ASCII line feed

And one less character to send and deal with on receiving end.

You may have to trim() those extra characters later before converting a String to a float or otherwise.
Sometimes the conversion method will trim whitespace for you but that is not always the case.

Keep this in mind for future!

References:

trim() / Reference

Serial / Libraries

Question about trims and integers

String[] a = split(receivedString, ','); println(a[0]); println(a[1]); println(a[2]); println(a[3]); println(a[4]); println(a[5]); println(a[6]); int val1 = Integer.parseInt(a[0].trim()); int val2 = Integer.parseInt(a[1].trim()); int val3 = Integer.parseInt(a[2].trim()); int val4 = Integer.parseInt(a[3].trim()); int val5 = Integer.parseInt(a[4].trim()); int val6 = Integer.parseInt(a[5].trim()); int val7 = Integer.parseInt(a[6].trim()); XChart.push("incoming",val1); YChart.…

:)