簡體 English 中英

AngularJS D3JS 圓環圖顏色變化在 hover 上

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

原文 2022-02-04 14:46:20 5 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