繁体 English 中英

AngularJS D3JS 圆环图颜色变化在 hover 上

[英]AngularJS D3JS Donut chart colour change of arc on hover

原文 2022-02-04 14:46:20 9 1 javascript/ angularjs/ d3.js/ angularjs-directive/ donut-chart

我正在使用d3.js和AngularJS创建甜甜圈。 这是我的甜甜圈，默认情况下，我需要对甜甜圈图的所有弧线使用相同的颜色，这样可以正常工作。 现在在特定弧的 hover 上，我需要将该特定弧的颜色更改为蓝色，这不起作用。 任何人都可以帮助我吗？

1 个解决方案

在指令的scope.mouseOverPath和scope.mouseOutPath方法中使用 d3 的style方法就可以了。

https://plnkr.co/edit/P98rPVKOHOgN5fKB

D3JS：动画一个 2 圆弧甜甜圈

[英]D3JS: Animate a 2 arc donut

D3js 圆环图图例

[英]D3js Donut chart legend

D3Js圆环图，避免标签文字叠加

[英]D3Js donut chart, avoid label text overlay's

将 border-radius 属性添加到 D3js 圆环图

[英]Add border-radius property to D3js Donut Chart

如何使d3js甜甜圈图支持ie8？

[英]how to make d3js donut chart supports ie8?

如何使用d3js在循环中为甜甜圈图添加工具提示

[英]how to add tooltip for donut chart in loop using d3js

angularJS将d3js自定义甜甜圈指令转换为组件

[英]angularJS convert d3js custom donut directive to component

突出显示悬停D3js上的饼图

[英]Highlight pie chart on hover d3js

为什么我的 d3js 饼图中的弧形标签模糊？

[英]why is arc labels blurred in my d3js pie chart?

如何更改d3js图表的布局？

[英]How to change the layout of the d3js chart?

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 D3JS：动画一个 2 圆弧甜甜圈 D3js 圆环图图例 D3Js圆环图，避免标签文字叠加将 border-radius 属性添加到 D3js 圆环图如何使d3js甜甜圈图支持ie8？如何使用d3js在循环中为甜甜圈图添加工具提示 angularJS将d3js自定义甜甜圈指令转换为组件突出显示悬停D3js上的饼图为什么我的 d3js 饼图中的弧形标签模糊？如何更改d3js图表的布局？

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM