制作ng-donut可点击的AngularJs

时间:2016-08-12 16:40:45

标签: javascript angularjs donut-chart

我对此很陌生。我正在使用https://github.com/Wildhoney/ngDonut在我的网站上创建甜甜圈。我能够启动并运行现在我的下一步是使其可点击。让我们举个例子http://ng-donut.herokuapp.com/

假设我想在用户点击甜甜圈分区时以某种方式创建它,它会在左侧窗格中以相应的行突出显示。我不知道如何实现它。

有人能说些什么吗?

提前致谢。

1 个答案:

答案 0 :(得分:0)

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

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

如果不能解决问题需要分叉项目并查看它使用这些颜色在哪里用D3绘制饼图,并根据最后一个点击它来修改它们。