所以我知道如何在我的 arc 上附加一個 mouseEnter 事件，好的......
<g
key={`arc-${name}-${i}`}
onm ouseEnter={selectArc}
>
<path d={pie.path(arc) as string} fill={arcFill}/>
</g>
但在那之后，我不知道如何處理我過去在經典 d3 js 中使用的所有功能。
我想要實作的是這個https://plnkr.co/edit/GLyA70V4X7xqhg06mgMF?p=preview&preview
在 d3 他們做這樣的事情（見上面的鏈接演示和完整的代碼）：
.on("mousemove", function(d) {
d3.select(this).transition().duration(200).delay(0).attrTween("d", function(d) {
var i = d3.interpolate(d.outerRadius, outerRadius);
return function(t) { d.outerRadius = i(t); return arc(d); };
});
...
})
但是如何使用 visx 做到這一點？
uj5u.com熱心網友回復：
我希望您正在尋找一些帶有滑鼠移動影片的 visx 示例。我設法使用 visx 創建了一個演示。我在下面附上了代碼沙箱鏈接。
https://codesandbox.io/s/sad-pare-4432ke
讓我知道你的反饋。謝謝
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/469551.html