react-native - 如何减小模块 react-native-svg-charts 中 PieChart 的宽度

Question

既然已经谢谢你想知道是否有人知道如何减小 Graph Pie 的宽度，为了让它变薄我在 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>

Answer 1

您可以使用 PieChart 组件的道具：

innerRadius : 内半径，用它来创建一个甜甜圈。采用百分比或绝对数字（像素）

outerRadius：外半径，用它来调整你的馅饼离它的容器边缘有多近。采用百分比或绝对数字（像素）

我会玩弄这两个道具来达到上面截图中的结果。

祝你好运！