chartjs2 | ChartJS 2.x project code | Chart library

I'm adding Gentelella template to my project. The steps followed so far are:

Steps:

• Add the template via bower
• Edit the _Layout.cshtml: The info from the main page of the template (head and body) were copied to the _Layout.
• The project is routed to call the Home Controller and Index action first. The Index page was left blank.

The result:

There is empty padding around the main content.

Question:

How can I identify which component of the project is creating these spaces around the template?

Note: I haven't touch anything from the enviroment section.

Code:

i am trying to add multiple charts to the blade template unfortunately without success.

Laravel Version: 5.6 Package: https://github.com/fxcosta/laravel-chartjs

I have previously had successfully drawn a simple line graph using ChartJS (by referring an online example) and pulling the required data from a MySQL DB. The previous had only one line in the graph as I pulled in only one field from the table (write speed).

Now I have updated it to pull three fields (test_id, write_speed, read_speed) from the DB and display two linegraphs within the chart. But now it does not work.

Being quite new to JavaScript, I'm unable to comprehend where I'm going wrong. Any help would be greatly appreciated.

Here is the code pulling in the data from the DB:

hi i'm working on a admin template. I converted the html codes into mvc structure. Now i am stuck , when i create a page using the layout in the shared folder the footer goes up to the navigation bar. for more understanding check the screenshot

here is my _layoutadmin.cshtml