Javascript ui网格突出显示某些特定行

我有一张图表，在Y轴上显示英里，在X轴上显示日期。 图表的类型为堆叠柱形图。每个堆栈表示驾驶员在特定日期行驶的英里数

在该图表下方，有一个ui网格，显示日期、驾驶员姓名和所有行程详细信息（英里、时间、乘客数量、接送、下车位置等）。现在的问题是，一个司机在一个特定的日子里可以做几次旅行，所以一个司机在一次约会中可能会有不止一行

现在我想做的是，如果有人单击图表中的某个特定堆栈，那么ui网格中与该堆栈相关的所有行都将高亮显示

e、 假设“驱动程序A”在1月1日完成了5次行程，那么在ui网格的5行中，图表中将有一堆驱动程序A。现在，如果用户单击该堆栈，那么我想突出显示ui网格中的这5行

---

（使用highchart，angular ui grid）

您可以为每个名为cellClass的单元格添加一个属性，该单元格接受一个函数来执行所需的逻辑：

cellClass: function(grid, row, col, rowRenderIndex, colRenderIndex) {
                    return *your function goes here*;
                }

---

该函数必须返回css文件中存在的css类。更多信息可在以下链接中找到

如果问题解决，请接受答案