React-chartjs-2: Reload on height and width changes

[volkandkaya]

I am trying to reload if height and width change. I can't find any methods to do that.

Are there any plans to add this functionality?

[gor181]

hey @volkandkaya ,

I have #59 open which should include that possibility too, needs a bit fine tuning and then it's ready to go.

[volkandkaya]

@gor181 how long until it will be ready for use? This package is perfect except for the reloading.

[gor181]

hey @volkandkaya ,

I have an issue with getting tests to pass on Travis, while working nicely locally..
So besides that there are no issues on merging it in.

I need to think whether I can skip that test stuff for now.
Will let you know shortly.

[gor181]

hey @volkandkaya ,

1.6.0 has been released.

Basically all you need is to modify the width or / and height props.
let me know how it goes.

[volkandkaya]

Thanks, I can't get it working. It refreshes but the height and width don't change.

However I was also changing the colours and that didn't work, after 1.6 it now works which is great. So I am not sure why height and width don't work.

[gor181]

hey,

I would suggest to add the div with style (width, height) around as we render only canvas element which width/height seems to be overriden by chart.js regardless of what options are set.

[volkandkaya]

Is there anyway to force a refresh, if I switch using react-router it fixes itself.

I had to use
<ChartComponent key={chart.height * chart.width} />

Key basically makes it re-render.

[gor181]

Tried redraw={true} ?

[volkandkaya]

Didn't work. I will stick to key for now. Thanks for all the help.

[janpaul123]

This is still a problem for me. I also ended up using

key={`${width}x${height}`}