React-native-chart-kit: Customize fonts on labels

[jaimeneto85]

Is it possible customize fonts on labels? fontFamily, fontSize etc

[c0mm4nDer]

You can add fontFamily property to Text into react-native-chart-kit.
for example : in pie-chart.js - line 47 add this code:
fontFamily={c.item.fontFamily}
Now you can set fontFamily in your data entities.

but react-native-svg can't render all font type!

[cyeksan]

@c0mm4nDer worked like a charm. Thanks a lot!

[sreuter]

Should we create a PR for this?

[SrBrahma]

Any update?

[SrBrahma]

Just found out by accident while reading someone else code:

Under chartConfig prop, there is the propsForLabels prop. You may enter the fontFamily there and other texts properties.

[vaibhavgadekar]

add font name in propsForLabels this works for me

chartConfig={{
    propsForLabels:{
    fontFamily:'MontserratBold',
    },
...
  }}

[ozgurbayram]

add font name in propsForLabels this works for me

chartConfig={{
    propsForLabels:{
    fontFamily:'MontserratBold',
    },
...
  }}

Thanks, it worked for me :)

[3abdawy]

inside data object

{
    legendFontColor: colors.white,
    legendFontSize: 8,
}