Javascript 悬停事件上的谷歌图表自定义图例

我正在使用GoogleChartAPI用折线图显示我的数据

因为我对图例有一些特殊的需求，所以我将图表的原始图例设置为

none

，然后按照我的要求显示自己的图例

除了一件事之外，一切正常，我想实现

图例悬停功能

，当您悬停图表原始图例的特定行时，关联的行被选中并显示得更厚

我的问题与这个问题类似：

事实上，我正在尝试将所选答案中的代码改编为我的案例。但是我不能

这是

当我悬停图例时，

$（'#图例tr'）.hover

被正确触发，因为如果我添加一个

警报（$（this）.data（'row'））

我会在警报框中得到正确的

数据行

值。但图表上什么也没发生。似乎

chart.setSelection（）

不起作用或什么的

---

如何修改代码以处理悬停事件？

折线图的工作原理与所提供示例中显示的饼图不同

饼图只能有一个系列。
而折线图可以有多个系列

要在悬停图例时突出显示该系列，
我们需要提供系列的列号，
而不是与“饼图切片”关联的行。
我们需要提供

null

作为行索引

请参阅以下工作片段

google.charts.load（'current'，{'packages'：['line']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Day'）；
data.addColumn（'number'，'Yes'）；
data.addColumn（'number'，'No'）；
data.addRows([
[19/11/2020\n 02:48:16'，1.2,1.6]，
[19/11/2020\n 02:48:22'，1.2,1.6]，
[19/11/2020\n 02:48:28'，1.3,1.6]
]);
变量选项={
图例：{
位置：“无”
},
高度：“100%”，
宽度：“100%”，
言辞：{
视图窗口：{
民:1,，
最高：1.95，
}
},
颜色：['#1976D2'，'#E53935']
};
var chart=new google.charts.Line（document.getElementById（'linechart_material'）；
chart.draw（数据，google.charts.Line.convertOptions（选项））；
$（'#图例tr'）。悬停（函数（）{
chart.setSelection（[{column:$（this.data（'column'），row:null}]）；
}，函数（）{
图.选举（[]）；
})
}

.color{
宽度：2.5雷姆；
高度：1.5雷姆；
边界半径：0.1875雷姆；
}
#线条图材料{
宽度：500px；
高度：200px；
垫面：5px；
}
.头衔{
保证金底部：-0.0005雷姆；
}
.副标题{
颜色：灰色；
字体大小：16px；
}
.州{
宽度：2.5雷姆；
高度：1.5雷姆；
边界半径：0.1875雷姆；
颜色：白色；
左边距：3倍；
左侧填充：5px；
右侧填充：5px；
垫底：4px；
字号：600；
}
.国家公开赛{
背景色：#00ba54；
}
.国家关闭{
背景色：#d00000；
}

对
1.3
不
1.6

谢谢！是的，这毕竟是逻辑。现在一切都很好！