Chart.js 和 react-chartjs-2 属性 translate 缺少类型答案

【问题标题】：Chart.js and react-chartjs-2 property translate is missing typeChart.js 和 react-chartjs-2 属性 translate 缺少类型
【发布时间】：2021-08-30 23:00:04
【问题描述】：

我遇到了这个库的问题，我正在尝试渲染一个简单的垂直条形图，但在编译过程中它失败了，因为它显然缺少属性 translate。

我一直在查看文档和源代码，但找不到任何相关内容。只是在他们的 git 上打开了一个问题。

我尝试降级但无法解决。

有人可以指点我正确的方向吗？提前非常感谢您

  labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],
  datasets: [
    {
      label: 'Figures',
      data: [12, 19, 3, 5, 2, 3],
      backgroundColor: [
        'rgba(255, 99, 132, 0.2)',
        'rgba(54, 162, 235, 0.2)',
        'rgba(255, 206, 86, 0.2)',
        'rgba(75, 192, 192, 0.2)',
        'rgba(153, 102, 255, 0.2)',
        'rgba(255, 159, 64, 0.2)',
      ],
      borderColor: [
        'rgba(255, 99, 132, 1)',
        'rgba(54, 162, 235, 1)',
        'rgba(255, 206, 86, 1)',
        'rgba(75, 192, 192, 1)',
        'rgba(153, 102, 255, 1)',
        'rgba(255, 159, 64, 1)',
      ],
      borderWidth: 1,
    },
  ],
};

const options = {
  scales: {
    yAxes: [
      {
        ticks: {
          beginAtZero: true
        },
      },
    ],
  },
};

class SandBoxPage extends React.Component<PropsType> {

  render() {
    return (
      <Fragment>
        <div className={classes.div}>
              <div>
               <Bar data={data} options={options} />
              </div>
            )}
        </div>
      </Fragment>
    );
  }
}```

The error: 

```{
    "owner": "typescript",
    "code": "2741",
    "severity": 8,
    "message": "Property 'translate' is missing in type '{ data: { labels: string[]; datasets: { label: string; data: number[]; backgroundColor: string[]; borderColor: string[]; borderWidth: number; }[]; }; options: { scales: { yAxes: { ticks: { beginAtZero: boolean; translate: boolean; }; }[]; }; }; }' but required in type 'Pick<Props, \"data\" | \"className\" | \"style\" | \"title\" | \"defaultChecked\" | \"defaultValue\" | \"suppressContentEditableWarning\" | \"suppressHydrationWarning\" | \"accessKey\" | ... 254 more ... | \"getElementsAtEvent\">'.",
    "source": "ts",
    "startLineNumber": 82,
    "startColumn": 17,
    "endLineNumber": 82,
    "endColumn": 20
}```

【问题讨论】：

这是您的完整代码吗，因为您没有使用任何翻译属性，并且 chart.js 也不支持它
是的。我没有使用任何名为“翻译”的属性

标签： javascript chart.js

【解决方案1】：

我想通了，最后我只是降级了react-chartjs的版本。

在他们的 git 上存在与该错误相关的问题，同时我认为降级是一个很好的机会。

【讨论】：