Line chart not truly responsive on mobile devices

Hi,

I have been using chart.js on a new build and I am having problems with its appearance on mobile devices.

The page is here – http://www.mediacrush.co.uk/madeleine/VastirasInfo.html

I have tried using the code from the basic line sample and i have tried setting styles both inline and in the main.css file.

The graph appears squashed and the legends etc are have not scaled so they cover the graph.

I have set responsive to ‘true’ in the config and I still seem to be having the problem.

Am I being really thick? I suspect so, but any guidance on this would be much appreciated.

Many Thanks,

JJ