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?

[ftzi]

Any update?

[ftzi]

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

[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