Autosetting of size confusing me

[spresnac]

Hej 👋,
I do not know if I am doing anything wrong.
I do setup the chart with size options to 100% like so.

        return Chartjs::build()
            ->name("UserRegistrationsChart")
            ->size(["width" => '100%', "height" => '100%'])
            ->...

The goal is, that the chart is just fitting into it's container (that is of variable size in various browser sizes).

But the chart always renders as a box of 480px x 480px :(

What am I doing wrong?
Or better: How to get the cart to just render to 100% x 100% ???

[peterjthomson]

Unfortunately, ChartJS is a bit fussy about responsiveness and relative percentage sizes. The reason being that the JavaScript needs a "canvas" size to target the initial render.

I'll have a dig around and see how we can make the docs and/or php helper code more obvious.

But if you're looking for a quick fix, you can declare a static size that makes basic sense for most of your use cases and then use optionsRaw() to pass in the responsiveness instructions from here: https://www.chartjs.org/docs/latest/configuration/responsive.html