Question

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

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

我在想，如果我能找到触发工具提示事件的事件，我可以操纵它并创建一个ng-mousover表达式...

这甚至可能吗？

谢谢， Emad

Answer 1

不完全相同，但有人发布了隐藏/显示传奇点击线的示例：https://github.com/jtblin/angular-chart.js/issues/70

在Chart.js 2.x中，onclick事件也支持类似的图例：http://www.chartjs.org/docs/#chart-configuration-legend-configuration

Answer 2

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

} ]，

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

将鼠标悬停在外部元素上时触发条/饼图突出显示[chart.js / chart js] [AngularJS] [angular-chart.js]

2 个答案: