如何在BarChart (React Native)中更改x轴和y轴位置

Question

我是第一次使用React Native。我想知道我们是否可以将X轴和Y轴的位置更改为如下所示(请参阅下面我所附的图片)

​

从上图可以看出，Manager是一个x轴，而sales是一个y轴。我目前使用的是'react-native-chart-kit‘中的'BarChart’。

Answer 1

很高兴看到您的代码是如何在react-native-chart-kit中构建的，但我认为(最好的情况下)它会像使用名称作为labels，并将销售额作为dataset的一部分一样简单。

根据docs，对于您的图形，它可能如下所示：

const data = {
  labels: ["John", "Jake", "Peter", "James", "Mary"],
  datasets: [
    {
      data: [10000, 12000, 13000, 10000, 9000]
    }
  ]
};

其中标签和数据的索引排列在一起，您可以在使用BarChart组件时将其用作data道具。