This repository was archived by the owner on Jul 19, 2019. It is now read-only.
Repository navigation
This repository was archived by the owner on Jul 19, 2019. It is now read-only.
Options doesn't work with React 16 #210
Description
Hello, I am using react-chartjs version 1.2.0 and chart.js 1.1.1 and I have upgraded my App to react.js 16 and I have some issues with react-chartjs.
When I was using the module with react 15, everything was working alright like in the picture below
https://imgur.com/a/ueUOg
But since I upgraded to React 16, the options object sees to have broke, nothing is working as expected
https://imgur.com/MaFruaA .
Any suggestions?
Reacted by Dominik Berthold, CosmoX, MhmmdSani, Illia Kuzma, TankorSmash and Vincent Biret
Activity
[-]Options doesn't work with React !6[/-][+]Options doesn't work with React 16[/+]tankorsmash commentedon May 25, 2018
I was looking at the v16 changelog and it mentions some stuff was changed around with React's lifecycle, but it doesn't seem to be the case. Can't figure this out either.
Jareechang commentedon May 25, 2018
@stelro, can you please upload an example ?
katiawheeler commentedon Aug 7, 2018
Any update on this?
agent3bood commentedon Oct 12, 2018
I have made this pen as an example and it is working fine
https://codepen.io/agent3bood/pen/bmrbqp?editors=0010
If the issue something else please tell me so I can work on it.
fdalvi commentedon Nov 12, 2018
@agent3bood, I just added a few options that do not work to your codepen: https://codepen.io/anon/pen/MzjNQw?editors=0010
Hope this helps!
agent3bood commentedon Nov 12, 2018
@fdalvi I think you referring to some options in chart.js version 2.
This library support only chart.js version 1.1.1, please refer the docs here
https://github.com/chartjs/Chart.js/tree/v1.1.1/docs
Here is an idea for you
Instead of padding you can use
offsetGridLines: Truefdalvi commentedon Nov 13, 2018
Thanks @agent3bood, you are absolutely correct! I actually switched to
react-chartjs-2since it uses the latest (and probably better supported) Chart.js library.