Added note about maintainAspectRatio

[janelledement]

Hi there,
This is rather a small documentation request, but do you think it might be worth it to explicitly say in the responsive.md file that in order for the given example to work, maintainAspectRatio property must be set to false? Here is a screenshot of the part I'm referring to:

I realize that in the example codepen you provide, the said property is set to false. However, when I created my first chart, I just ran what I saw on the page above, then scratched my head for a while when it didn't work as I expected it to. I ended up comparing my code with the codepen example and eventually figured it out.

I'm thinking that by making a small note about the property on the documentation page might cost someone less mental overhead and time in the future.

Thanks for your consideration!

[simonbrunel]

Thanks @janelledement.

I would have expected the chart to resize to fit in its parent (something like CSS background-size: contain) but that's not the case when maintainAspectRatio: true, so I understand your confusion.

Your statement only applies to modifying the height, so I would update the example to also include changing the width:

chart.canvas.parentNode.style.height = '128px';
chart.canvas.parentNode.style.width= '128px';

Then modify your note to be something like:

Note that in order for the above code to correctly resize the chart height, the [`maintainAspectRatio`](#configuration-options) option must be set to `false`.

[janelledement]

@simonbrunel Yes, I agree, thank you for the response! Change made

[simonbrunel]

Thanks @janelledement