如何更改条形图中的 x 轴和 y 轴位置（React Native）

【问题标题】：How to change x-axis and y-axis position in BarChart (React Native)如何更改条形图中的 x 轴和 y 轴位置（React Native）
【发布时间】：2020-01-27 14:06:00
【问题描述】：

我是 React Native 的新手。我想知道我们能不能把X轴和Y轴的位置改成这样（请参考我下面附上的图片）

从上图中可以看出，经理是 x 轴，而销售是 y 轴。我目前正在使用“react-native-chart-kit”中的“BarChart”。

【问题讨论】：

标签： react-native bar-chart react-native-chart-kit

【解决方案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 属性。

【讨论】：

我猜OP需要左侧的标签，默认图表套件条形图，标签显示在底部。