条形图2选项不被识别。

Question

我正在尝试通过“react chartjs-2”构建条形图组件。我在这里粘贴了我的代码：https://www.c-sharpcorner.com/article/create-different-charts-in-react-using-chart-js-library/。这就是它的样子：

import React from 'react';
import {Bar} from "react-chartjs-2";

const BarChart = () => {
    const barChartData = {
      labels: ["October", "November", "December"],
      datasets: [
        {
          data: [8137119, 9431691, 10266674],
          label: "Infected People",
          borderColor: "#3333ff",
          backgroundColor: "#547db4",
          fill: true
        },
        {
          data: [1216410, 1371390, 1477380],
          label: "Deaths People",
          borderColor: "#ff3333",
          backgroundColor: "#f7813e",
          fill: true
        }
      ]
    };
  
    const barChart = (
      <Bar
        type="bar"
        width={130}
        height={50}
        options={{
          title: {
            display: true,
            text: "COVID-19 Cases of Last 3 Months",
            fontSize: 15
          },
          legend: {
            display: true, //Is the legend shown?
            position: "bottom" //Position of the legend.
          }
        }}
        data={barChartData}
      />
    );
    return barChart;
  };

export default BarChart

除了代码没有识别选项之外，一切看起来都很好。有没有人遇到过类似的问题，能帮到我吗？

Answer 1

更新选项支柱如下。

options = {{
        plugins: {
            title: {
              display: true,
              text: "COVID-19 Cases of Last 3 Months"
            },
           legend: { 
              display: true, 
              position: "bottom"
            }
        }      
    }}