我有一个类似D3的库(左)生成的甜甜圈图。
悬停时,我会添加与填充颜色相同的笔触来放大线段(中间),但也会增加线段的外观大小/值。
然后,我使用stroke-dasharray
在该段的外侧添加一个长破折号,并在该段的内侧添加一个短破折号-并没有任何侧击(右)。 (必需的行为)
下图所示,我使用stroke-dasharray
的固定值。在此示例中,我使用了四个值,例如stroke-dasharray: 600 20 400 20;
似乎对于任何段,如果我将20
(两面)的值保持不变,都可以,但是我必须为600
和{{1}提供不同的值},分别给出我要悬停的细分。
从400
的文档中,我正努力了解如何实现此方法,以使其适用于任何给定大小的细分。我想做的是stroke-dasharray
,但据我所知这是不可能的。
有什么建议吗?