如何自定义React LineChart中Y轴的边框颜色

import React from 'react';
import { Line } from 'react-chartjs-2';
import {
  Chart as ChartJS,
  CategoryScale,
  LinearScale,
  PointElement,
  LineElement,
  Title,
  Tooltip,
  Legend,
} from 'chart.js';

// 注册必要的Chart.js组件
ChartJS.register(
  CategoryScale,
  LinearScale,
  PointElement,
  LineElement,
  Title,
  Tooltip,
  Legend
);

// 定义图表选项
export const options = {
  responsive: true, // 使图表响应式
  plugins: {
    legend: {
      position: 'top', // 图例位置
    },
    title: {
      display: true,
      text: 'React LineChart Y轴边框颜色示例', // 图表标题
    },
  },
  scales: {
    y: {
      // 在这里配置Y轴的边框样式
      border: {
        color: 'red',   // 设置Y轴边框颜色为红色
        width: 2,       // 可选：设置边框宽度为2像素
        display: true   // 可选：确保边框显示
      },
      // 其他Y轴配置，例如轴标签、刻度等
      ticks: {
        beginAtZero: true,
      },
    },
    x: {
      // X轴配置
      grid: {
        display: false, // 隐藏X轴的网格线，以保持简洁
      },
    }
  },
};

// 定义图表数据
const data = {
  labels: ['一月', '二月', '三月', '四月', '五月', '六月', '七月'],
  datasets: [
    {
      label: '数据集 1',
      data: [65, 59, 80, 81, 56, 55, 40],
      borderColor: 'rgb(255, 99, 132)',
      backgroundColor: 'rgba(255, 99, 132, 0.5)',
    },
    {
      label: '数据集 2',
      data: [28, 48, 40, 19, 86, 27, 90],
      borderColor: 'rgb(53, 162, 235)',
      backgroundColor: 'rgba(53, 162, 235, 0.5)',
    },
  ],
};

// 导出LineChart组件
export function LineChartComponent() {
  return <Line options={options} data={data} />;
}