在react-chart中设置Y轴的最大值

import React, { Component } from 'react';
import { LineChart, Line, YAxis } from 'react-chartjs-2';

class ChartComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      maxYValue: 100, // 定义Y轴的最大值
    };
  }

  render() {
    const data = {
      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
      datasets: [
        {
          label: 'My Dataset',
          data: [65, 59, 80, 81, 56, 55, 40],
          fill: false,
          borderColor: 'rgba(75,192,192,1)',
        },
      ],
    };

    const options = {
      scales: {
        yAxes: [
          {
            ticks: {
              beginAtZero: true,
              max: this.state.maxYValue, // 设置Y轴的最大值
            },
          },
        ],
      },
    };

    return (
      <div>
        <LineChart data={data} options={options} />
      </div>
    );
  }
}

export default ChartComponent;