react-native-chart-kit 最小值和最大值

Question

我真的很喜欢react-native-chart-kit 的简洁性，但是我在它如何显示数据方面遇到了问题。

它使用数据中的最低点作为底部，最高点作为顶部。可以选择从零开始，但如果我想从 5 开始怎么办？顶部也一样，如果我想显示5到90的范围怎么办？

我想知道是否有人对这张图有更多了解或者使用过其他可以做这些事情的东西？

谢谢

Answer 1

添加额外的数据集，每个数据集一个值（您想要显示的最小值和最大值）

<LineChart
    data={{
        datasets: [
          {
            data: [3, 4, 5, 6, 7] // dataset
          },
          {
            data: [1] // min
          },
          {
            data: [10] // max
          },
        ],
      }}
/>

Answer 2

我添加了一个新的数据集，其中一个值是我希望它显示在图表上的高度值，我给它一个属性withDots: false来隐藏点，它现在工作得很好。

这是我使用过的代码...

datasets: [
        {
          data: [20, 50, 79], // my graph data
        },
        {
          data: [200], //highest graph value
          withDots: false, //a flage to make it hidden
        },
      ],