Restyling charts with Chart.js library

I was always sad looking at the broken chart :P

TODO:
* [x] Fix the broken chart (the number of values is much bigger then the legend)
* [x] Put a legend on the first graph
* [x] Try the PR with some real data