懸停在外部元素上時觸發條形圖/餅圖高亮顯示[chart.js / chart js] [AngularJS] [angular-chart.js]

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的活動段上時，效果很好