折线图上的两个不同的x轴标签，chart.js react

npm install chart.js react-chartjs-2

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

const data = {
  labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],
  datasets: [
    {
      label: 'Temperature',
      data: [10, 15, 20, 25, 30, 35],
      yAxisID: 'temperature',
    },
    {
      label: 'Rainfall',
      data: [50, 40, 30, 20, 10, 5],
      yAxisID: 'rainfall',
    },
  ],
};

const options = {
  scales: {
    x: {
      display: true,
      title: {
        display: true,
        text: 'Date',
      },
    },
    temperature: {
      position: 'left',
      title: {
        display: true,
        text: 'Temperature (°C)',
      },
    },
    rainfall: {
      position: 'right',
      title: {
        display: true,
        text: 'Rainfall (mm)',
      },
    },
  },
};

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