Reactjs react图表中未定义标题

Reactjs react图表中未定义标题,reactjs,material-ui,react-chartjs,react-chartjs-2,Reactjs,Material Ui,React Chartjs,React Chartjs 2,我正在建立一个新冠病毒-19跟踪器,但当数据显示在图表上使用反应图表标题出来是未定义的 这是我的图表代码 <div > {data?.length > 0 && ( <Line data={{ datasets: [ { backgroundColor: "rgba(204, 16, 52, 0.5)", borderColor

我正在建立一个新冠病毒-19跟踪器,但当数据显示在图表上使用反应图表标题出来是未定义的

这是我的图表代码

 <div >
  {data?.length > 0 && (
    <Line
      data={{
        datasets: [
          {
            backgroundColor: "rgba(204, 16, 52, 0.5)",
            borderColor: "#CC1034",
            data: data,
          },
        ],
      }}
      options={options}
    />
  )}
</div>
虽然
legend
设置为false,但我收到了一个错误。 请告诉我哪里出了问题,那会有帮助的

图表的图像。

您需要在此处传递label属性

data={{
  datasets: [
    {
      backgroundColor: "rgba(204, 16, 52, 0.5)",
      borderColor: "#CC1034",
      data: data,
      label: "your label" // <-- pass this 
    },
  ],
}}
数据={{
数据集:[
{
背景色:“rgba(204,16,52,0.5)”,
边框颜色:“CC1034”,
数据:数据,

标签:“你的标签”//谢谢,它对我有用。
data={{
  datasets: [
    {
      backgroundColor: "rgba(204, 16, 52, 0.5)",
      borderColor: "#CC1034",
      data: data,
      label: "your label" // <-- pass this 
    },
  ],
}}