如何减少模块 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 组件的道具：

内半径：内半径，用它来制作甜甜圈。采用百分比或绝对数字（像素）

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

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

祝你好运！

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

How to decrease the width of the PieChart in the module react-native-svg-charts

react-native

react-native-svg

react-native-svg-charts

当前

期待