当鼠标悬停在外部元素[chart.js/chart js][AngularJS][AngularJS][angular chart.js]上时，触发条形图/饼图高亮显示

我正在使用angular-chart.js创建仪表板。我没有在画布中使用内置的图例，而是创建了自己的图例，并使用ng repeat动态创建具有匹配颜色的标签

现在，我想完成的是：当一个项目在我的自定义图例中悬停时，它将在图形中突出显示该项目，反之亦然

我在想，如果我能找到触发工具提示事件的事件，我可以操纵它并创建一个鼠标悬停表达式

这可能吗

谢谢，

---

Emad不完全相同，但有人在legend click上发布了隐藏/显示线条的示例：

在Chart.js 2.x中，图例上也支持onclick事件，类似于：

} ],

当鼠标悬停在angular 2中的活动段上时，它可以正常工作

color: [
  {
    backgroundColor: ['#92d06f', '#73c8b8', '#3bb9ab'],
    borderColor: 'rgba(255, 255, 255, 0)',
    hoverBackgroundColor: ['#92d06f', '#73c8b8', '#3bb9ab'],
    hoverBorderColor: ['#92d06f', '#73c8b8', '#3bb9ab'],
    hoverBorderWidth: 10,
    hoverRadius: 0