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

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

字符串

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

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

字符串

解决方法是执行以下操作：

• 使用图表上的fromZero prop ;
• 使用generator函数表示自定义y轴标签值;
• 将标签生成器函数的结果传递给formatYLabel属性;
• 调整数据：从数据集中的每个数字中减去所需的最小标签值。

上面给出的方法示例：

const minValue = 5;
const maxValue = 90;

function* yLabel() {
  yield* [minValue, '', maxValue];
}

const d = [10, 5, 90, 30, 20, 10, 80];
const datapoints = d.map((datapoint) => datapoint - minValue - 1);

const data = {
  labels: ['Sat', 'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
  datasets: [
    {
      data: datapoints,
    },
  ],
};

const CustomChart = () => {
  const screenWidth = Dimensions.get('window').width;
  const yLabelIterator = yLabel();

  return (
    <View>
      <LineChart
        data={data}
        segments={2}
        width={screenWidth}
        height={220}
        bezier
        fromZero
        chartConfig={{
          color: (opacity = 3) => `rgba(200, 255, 255, ${opacity})`,
          data: data.datasets,
        }}
        formatYLabel={() => yLabelIterator.next().value}
      />
    </View>
  );
};

字符串
减去数据集中每个元素的1是因为0在设置fromZero时包含在范围内。
还要注意的是，图表的segments的数量在这里很重要。如果你想有3标签，你应该有2段。
上面的例子中，有2标签是规则的例外。有2标签和1段不起作用。例子中显示的解决方法是有3标签和2段，但使中间的标签为空字符串。

• 这种方法的一个警告是，你的数据数组中的值不能高于你的最大标签值。

我可以使用getDotProps和min，max作为数据集来实现这一点。你可以使用一个回调函数来渲染点，索引和数据值在这个函数中返回，你可以检查该值是否存在于原始数据集中。因为min和max值永远不会存在于原始数据集中，因此返回-1，你可以使用该逻辑使这些点透明。
范例：

const chartData = [60, 62, 70, 73, 80];

 <LineChart
        data={{
          datasets: [
            {
              data: chartData,
            },
            {
              data: [50],
            },
            {
              data: [100],
            },
          ],
        }}
        getDotProps={(dataPoint, index) => {
          return {
            r: "6",
            strokeWidth: "2",
            stroke:
              chartData.indexOf(index) == -1
                ? `rgba(0, 0, 0, 0)` // make it transparent
                : 'red',
            fill:
              chartData.indexOf(index) == -1
                ? `rgba(0, 0, 0, 0)`  // make it transparent
                : 'red',
          };
        }}
  ......
  ......
 </LineChart>

字符串

<BarChart fromNumber={80} fromZero data={data} width={Dimensions.get（“window”）.width - 30} // from react-native height={220} yAxisLabel="”yAxisSuffix=“K”chartConfig={chartConfig} style={{ marginVertical：8，borderRadius：16，}} />