Home > Enterprise >  AngularJS D3JS Donut chart colour change of arc on hover
AngularJS D3JS Donut chart colour change of arc on hover

Time:02-05

I am creating donut using d3.js with AngularJS. Here is my Donut, by default I need to have same color for all the arcs of Donut chart, which is working fine. Now on hover of the particular arc I need to change the color of that particular arc to blue, which is not working. Can any one help me in this?

CodePudding user response:

Using d3's style method inside your directive's scope.mouseOverPath and scope.mouseOutPath methods did the trick.

https://plnkr.co/edit/P98rPVKOHOgN5fKB

  •  Tags:  
  • Related