从折线图中删除标签 - react-chartjs-2

Question

我想删除下图中正方形中的标签：https://prnt.sc/26qc8uq。我该怎么做？我尝试使用 options: {plugins: {legend: display: false}} 但它似乎没有用。我使用的包是 react-chartjs-2

这是代码：

<Chart type="line" data={{
  labels: props.sets[0],
  datasets: props.dataset,
  options: {
   plugins: {
     legend: {
       display: false,
     },           
   }
  }
}} />

Answer 1

您正在将选项传递给数据道具，这是不正确的。您需要像这样将选项传递给 options 道具：

<Chart type="line"
  options={{
    plugins: {
      legend: {
        display: false,
      },           
    }
  }}
  data={{
    labels: props.sets[0],
    datasets: props.dataset,
  }}
/>

从折线图中删除标签 - react-chartjs-2

Remove label from line chart - react-chartjs-2

javascript

reactjs

chart.js

react-chartjs-2