让ng-donut成为可点击的AngularJs

Making ng-donut clickable AngularJs

本文关键字:AngularJs ng-donut      更新时间:2023-09-26

我是新手。我使用https://github.com/Wildhoney/ngDonut在我的网站上创建甜甜圈。我能够得到它的启动和运行,现在我的下一步是使它可点击。举个例子http://ng-donut.herokuapp.com/

假设我想这样做,当用户单击甜甜圈分区时,它会在左侧窗格上高亮显示相应的行。我不确定如何实现它。

有人能解释一下吗?

如果你不想分叉和修改项目,他们有https://github.com/Wildhoney/ngDonut#mouse-events

使用click处理程序和模型对象,我想您可以找到相应的行,并在其上设置一个属性,使其突出显示(ng-class)。为了突出显示饼本身,您可以使用README中提到的colors属性。md。

如果不工作,将需要分叉项目,看看它在哪里使用这些颜色来绘制饼与D3,并让它修改它们基于最后一个被点击。