0

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

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

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

这甚至可能吗？

谢谢， 埃马德

4

2 回答 2

-1

不完全一样，但有人发布了一个在图例单击时隐藏/显示行的示例：https ://github.com/jtblin/angular-chart.js/issues/70

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

于 2016-06-22T10:37:25.597 回答
-1 
color: [
  {
    backgroundColor: ['#92d06f', '#73c8b8', '#3bb9ab'],
    borderColor: 'rgba(255, 255, 255, 0)',
    hoverBackgroundColor: ['#92d06f', '#73c8b8', '#3bb9ab'],
    hoverBorderColor: ['#92d06f', '#73c8b8', '#3bb9ab'],
    hoverBorderWidth: 10,
    hoverRadius: 0

}],

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

于 2017-11-30T12:24:52.700 回答