Add padding to chart

Hi guys

I’m trying to add a padding in the chart. I changed the global config like mentioned in #44 in my component file but still not working.

import { Pie, defaults } from 'react-chartjs-2';
import { merge } from 'lodash';

merge(defaults, {
  global: {
    layout: {
      padding: 25,
    },
  },
});

...
<Pie data={ chartData } options={ chartOptions } height={ 300 } />

I printed the object defaults and the property is changed there, but my charts still look the same thing.

Can anyone help me with this, please? I didn’t figure out what is going wrong Thanks

[jerairrest]

Wait… wait… I lied. Apparently I need more coffee 😃

[jerairrest]

Just getting back into things here: I was able add padding by simply passing the following in without actually merging the default values.

const options = {
  layout: {
    padding: {
      left: 150,
      right: 150,
      top: 150,
      bottom: 150,
    },
  }
}

Does that work for you?