Javascript ChartJS工具提示值不是'；更新多个图表后，无法匹配数据

我的网站上有三个图表，我正在根据用户交互更新它们。图表可以正常更新，但悬停工具提示值不会更新。所有图表似乎都具有相同的工具提示数据（从上一个图表中拉入）

我附上了一个模拟设置和问题的简化示例：

HTML

<canvas id="chart1"></canvas>
<canvas id="chart2"></canvas>
<canvas id="chart3"></canvas>

当运行三个

handleData

功能时，图表将正确更新，但当将鼠标悬停在数据点上时，将显示第三个图表的值

我已经盯着这个太久了，现在我担心我看不到代码的修复，所以任何帮助都将不胜感激

---

不知何故，问题在于选择。您必须为每个图表定义不同的选项。我摆弄了一下代码笔的例子。以下是我的想法：

let chartOptions1 ..... ;

let chartOptions2  .....;

let chartOptions3  .....;
....
const chart1 = new Chart(chart1Ctx, chartOptions1);
const chart2 = new Chart(chart2Ctx, chartOptions2);
const chart3 = new Chart(chart3Ctx, chartOptions3);

在为每个图表定义并使用不同的选项之后，我能够看到每个图表的适当工具提示。试试看，让我知道结果

let chartOptions1 ..... ;

let chartOptions2  .....;

let chartOptions3  .....;
....
const chart1 = new Chart(chart1Ctx, chartOptions1);
const chart2 = new Chart(chart2Ctx, chartOptions2);
const chart3 = new Chart(chart3Ctx, chartOptions3);