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

Question

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

预期结果如下：

我应该使用带宽参数吗？如果正确，以哪种方式？我找不到任何说明的文档:(我应该编辑你的代码吗？不幸的是我不熟悉 d3 并且找不到正确的方法来......

Answer 1

您可以使用 0 到 1 之间的间距内。

<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>