react-native-svg-charts /条形图具有可变的条形宽度？

Question

我想使用react-native-svg-chart，根据可变参数调整条形宽度，但不幸的是，我找不到任何示例，也无法找到答案。

预期结果如下：

我应该使用带宽参数吗？如果正确，采用哪种方式？我找不到任何说明的文件：( 我应该输入您的编辑代码吗？不幸的是，我无法熟练掌握d3，也找不到正确的方法。

Answer 1

您可以在0到1之间使用intervalInner。

<BarChart
              style={{
                height: height * 0.5,
                width: width * 0.9,
                paddingVertical: 16,
              }}
              animate={true}
              data={data}
              spacingInner={0.8}
              yAccessor={({item}) => item.value}
              xAccessor={({item}) => item.date}
              bandwidth={10}
              scale={scale.scaleTime}
              cornerRadius={45}
              svg={{
                fill: 'url(#gradient)',
              }}>
              <Grid direction={Grid.Direction.HORIZONTAL} />
              <Gradient />
            </BarChart>