javascript - 制作 ng-donut 可点击的 AngularJs

标签 javascript angularjs donut-chart

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

假设如果我想在用户单击 donut 分区时以某种方式制作它,它会在左侧 Pane 中以相应的行突出显示。我不知道如何实现它。

任何人都可以对此有所了解吗?

提前致谢。

最佳答案

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

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

如果这不起作用,则需要 fork 项目并查看它在哪里使用这些颜色用 D3 绘制饼图,并让它根据点击的最后一个来修改它们。

关于javascript - 制作 ng-donut 可点击的 AngularJs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38922824/

相关文章:

javascript - HTML5 Canvas - 绘制一个环形扇区

javascript - Jquery数据表页码问题

javascript - 具有 onblur 监听器的 Chrome 打包应用程序

angularjs - TypeScript 构造函数中的私有(private)变量声明以引发 DI

d3.js - 使用 D3js v4 的多环 donut chart

r - ggplot donut chart 不符合预期

javascript - Vue3 如何将输入的值传递给@change ="func(param)"中的方法?

php - jquery ui 对话框表单验证

ng-keypress 上的 AngularJS 执行方法 : Ctrl + Enter

angularjs - 有没有办法阻止 angular.service 注入(inject),直到加载服务的异步数据