reactjs - 将折线图的起始值设置为数组中的最小值

Question

我正在使用Line图表'react-chartjs-2'

import { Line } from 'react-chartjs-2';

我有特定的数据集，它是数字数组。消极的和积极的。

这是我options的dataset图表配置：

数据集：

const chartData = {
      labels: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'],
      datasets: [{
        label: 'Chart',
        data: data,
        backgroundColor: 'linear-gradient(to right, #20f08b, #07dfb1)',
        borderColor: '#05deb3'
      }]
    }

选项：

const options = {
  elements: {
    line: { tension: 0 },
    point: { radius: 0 }
  },
  scales: {
    yAxes: [{
      display: false,
      gridLines: { display: false },
      ticks: {
        beginAtZero: true,
        min: getMinValue(data),
        max: getMaxValue(data),
        suggestedMin: getMinValue(data),
        suggestedMax: getMaxValue(data),
      }
    }],
    xAxes: [{
      display: false,
      gridLines: { display: false }
    }],
  },
  legend: { display: false },
  angleLines: { display: false },
  responsive: true,
  maintainAspectRatio: false,
  animation: { duration: 0 }
}

问题是我的图表落在标记 0 以下。但我希望它从数组中的最低值开始。我的选项中有以下内容：

 ticks: {
        beginAtZero: true,
        min: getMinValue(data),
        max: getMaxValue(data),
        suggestedMin: getMinValue(data),
        suggestedMax: getMaxValue(data),
      }

但它不起作用。此外，如果我将最小值设置为 0，将最大值设置为数组中的最大值，我将得到以下结果：

ticks: {
            beginAtZero: true,
            min: 0,
            max: getMaxValue(data),
            suggestedMin: 0,
            suggestedMax: getMaxValue(data),
          }

所以我没有看到低于 0 的值。

谁知道如何解决这个问题？