React-ChartJS-2中散点的自定义标签标题

Question

我尝试使用React-ChartJS-2绘制散点图。基本设置仅给出绘图中点的x值和y值。有没有办法在绘图中显示点的标签？

我四处查找，发现代码似乎有效，但没有。

const optionsScatterPlot = {
plugins: {
tooltip: {
callbacks: {
title: function (tooltipItem:any, data:any) {
const dataLabel = dataScatterPlot.labels[tooltipItem.index];
return dataLabel;
}
}
},
},
};
const Scatter = () => {
return (
<div>
<Box maxWidth="lg" margin="auto" >
AdEfficiency
</Box>
<Scatter options={optionsScatterPlot} data={dataScatterPlot} />
</div>
)
}

Answer 1

将标签标题添加到任意一个轴，如下所示：

const options = {
scales: {
y: {
beginAtZero: true,
title: {
display: true,
text: 'label for Y'
}
},
x: {
beginAtZero: true,
title: {
display: true,
text: 'label for X'
}
},
},
};

text属性是要显示在轴上的文本标签。'options的变量是传递给options道具的内容。