'Why when my website opens it looks black full blank in the browser?. My website uses mdbootstrap to create charts

I'd like to ask,

On my website, I created 10 charts that display the values ​​of several sensors that nodeMCU sends in realtime using mdbootstrap.

When I coded the IoT website program, I made only 1 microcontroller value to be displayed in graphic form, there was no blank screen. Meanwhile, if the website program code is made to display a microcontroller value of more than 1 for graphical form, a blank screen will appear when my IoT website is opened.

My website uses HTML, css, js, php and mdbootsrap. Note: I use mdbootstrap only to create some charts on the website.

Here I attach the video link of the website recording which is blank (https://drive.google.com/drive/folders/169GJ6c1lxVEBLaetsdplgxMe-bUSjNTd?usp=sharing).

I also attached the program code of my website at the following link https://github.com/ngoding22/monitoring

Is there a solution so that my website doesn't have a blank screen? I really appreciate and need your solution🙏



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source