Customize fonts on labels

[jaimeneto85]

Customize fonts on labels

[vaibhavgadekar]

add font name in propsForLabels this works for me

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

[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!

[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.

[cyeksan]

@c0mm4nDer worked like a charm. Thanks a lot!

[sreuter]

Should we create a PR for this?

[SrBrahma]

Any update?

[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,
}

[Shahekta51995]

{ legendFontColor: colors.white, legendFontSize: 8, } @3abdawy Where we can put this?

[mamadoo123]

It pretty easy you can add ### propsForLabels to the config props

<BarChart
chartConfig={{
...chartConfig,
propsForLabels: {
fontSize:12,
fontFamily: "roboto-regular",
}
}}
/>

[husseinpenart]

    propsForLabels:{fontFamily :'iransans'},

this work just fine