將鼠標懸停在外部元素上時突出顯示觸發條/餅圖[chart.js/chart js] [AngularJS] [angular-chart.js]

Question

我正在使用angular-chart.js創建儀表板。我沒有使用畫布中的內置圖例創建我自己的圖例，而是使用ng-repeat來動態創建具有匹配顏色的標籤。

現在，我想要完成的是：當項目在我的自定義圖例中懸停時，它會突出顯示圖形中的項目，反之亦然。

我在想，也許如果我能找到什麼觸發了事件提示我可以操縱這一點，創建一個NG-mousover表達的事件......

是這甚至可能嗎？

感謝， 伊馬德

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中的活動段上的鼠標懸停時，它可以正常工作