同步图表和表格不起作用 - 无法读取未定义的属性单元格

Question

尝试将我的图表与我的表格同步。我已按照此页面https://www.highcharts.com/blog/tutorials/synchronize-selection-bi-directionally-between-chart-and-table/的步骤 和下面的 github 脚本进行操作：https://github.com/gvaartjes/highcharts-simple-sync-table/blob/master/script.js

出于某种原因，我的脚本无法正常工作。它不会突出显示基于我单击的单元格的点。我不断收到的错误是：

test2.html:81 Uncaught TypeError: Cannot read property 'cells' of undefined

at getCell (test2.html:81)

at selectTableCell (test2.html:125)

at c.select (test2.html:208)

at highcharts.src.js:2440

at g.fireEvent (highcharts.src.js:2445)

at c.firePointEvent (highcharts.src.js:28098)

at c.select (highcharts.src.js:41310)

at test2.html:146

at Array.forEach (<anonymous>)

at updateSelectionOfSeriesPoint (test2.html:140)

我试图让上面的工作类似于我找到的 URL。因此，如果您单击其中一个表格单元格或单击某个点，它会在图表或表格中突出显示。您将能够使用上面的脚本复制我的问题。

请注意，更新按钮会更新数据，因此当您单击该按钮并且图表/表格再次呈现时，同步应该也能正常工作。

Answer 1

出现错误后，在开发控制台中，我发现在 vHeaders 中找不到 point.category，因为它是一个数字，而不是一个字符串。解决方案：// find corresponding cell for datapointlet category = point.category + '';let cell = getCell(vHeaders.indexOf(category),  hHeaders.indexOf(point.series.name));console.log(cell);存在错误：单击图例 A。它会从图表中删除。单击表中的 B 列。C 列在表中突出显示。但是 B 的点在图表上突出显示