React native 如何减少模块中图形图表的宽度

React native 如何减少模块中图形图表的宽度,react-native,react-native-svg,react-native-svg-charts,React Native,React Native Svg,React Native Svg Charts,既然已经感谢您了,我想知道是否有人知道如何减小图形饼图的宽度,为了让它变薄,我尝试了svg中的一些属性,但没有任何人能够帮助我 今天我有了这个结果,我想达到这个结果 现在的 期待 电流分量 <View style={styles.areaGraphic}> <PieChart style={{ height: '100%', top: 20 }} data={pieData} strokeWidth={0.2} /> <Tex

既然已经感谢您了,我想知道是否有人知道如何减小图形饼图的宽度,为了让它变薄,我尝试了svg中的一些属性,但没有任何人能够帮助我

今天我有了这个结果,我想达到这个结果

现在的

期待

电流分量


    <View style={styles.areaGraphic}>

      <PieChart style={{ height: '100%', top: 20 }} data={pieData} strokeWidth={0.2} />
      <Text style={{
        top: -50, left: 38, fontSize: 14, fontWeight: 'bold',
      }}
      >
        {data.label.name}
      </Text>
      <Text style={{
        top: -50, fontSize: 12, textAlign: 'center',
      }}
      >
        {data.label.description}
      </Text>
    </View>

{data.label.name}
{data.label.description}

对于PieChart组件,您可以使用以下道具:

内半径: 内半径,使用此选项创建圆环。采用百分比或绝对数字(像素)

外层: 外半径,使用此值调整饼图与容器边缘的距离。采用百分比或绝对数字(像素)

我会用这两个道具来达到上面截图中的效果


祝你好运

谢谢,@realarb这是我的工作
,outerRadius