如何在react-chartjs-2中更改图形网格和轴的颜色

npm install react-chartjs-2 chart.js

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

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: {
    x: {
      grid: {
        color: 'rgba(255,0,0,0.3)', // 设置x轴网格颜色
      },
    },
    y: {
      grid: {
        color: 'rgba(0,255,0,0.3)', // 设置y轴网格颜色
      },
    },
  },
};

const ChartComponent = () => {
  return <Line data={data} options={options} />;
};