如何调整react-native-chart-kit折线图的标签字号？

完全可以调整折线图的标签字号，有两种常用实现方式：

• 通过chartConfig的labelStyle直接配置
  这是最简便的方法，在chartConfig中定义labelStyle属性，设置fontSize即可：

  import { LineChart } from 'react-native-chart-kit';
  
  const chartData = {
    labels: ['Jan', 'Feb', 'Mar', 'Apr'],
    datasets: [{ data: [12, 28, 18, 35] }]
  };
  
  <LineChart
    data={chartData}
    width={320}
    height={220}
    chartConfig={{
      labelStyle: {
        fontSize: 16, // 按需设置字号大小
        color: '#444'
      }
    }}
  />
  

• 自定义renderLabel函数实现更灵活的样式
  如果需要对标签做额外定制（比如不同标签用不同字号），可以使用renderLabel属性自定义渲染逻辑：

  <LineChart
    data={chartData}
    width={320}
    height={220}
    chartConfig={chartConfig}
    renderLabel={(label) => (
      <Text style={{ fontSize: 18, fontWeight: '500', color: '#666' }}>
        {label}
      </Text>
    )}
  />
  

内容的提问来源于stack exchange，提问作者Petran