score:1

Accepted answer

Following the error, in the dev console, I found that the point.category wasn't find in the vHeaders because it was an number, not a string.

Solution:

// find corresponding cell for datapoint
let category = point.category + '';
let cell = getCell(vHeaders.indexOf(category),
  hHeaders.indexOf(point.series.name));
console.log(cell);

Demo: https://jsfiddle.net/BlackLabel/15o0yfzp/

EDIT

According to the comments the final version is: https://jsfiddle.net/BlackLabel/92u83zwo/

Bug exists: Click on legend A. It removes from chart. Click on column B in the table. Column C gets highlighted in the table. But the points from B get highlighted on the chart enter image description here


EDIT 2

Demo with the fixed issue described above: https://jsfiddle.net/BlackLabel/tjn8qgvz/


Related Query

More Query from same tag