自动计算笔划破折号值

时间:2018-11-29 09:22:48

标签: svg

我有一个类似D3的库(左)生成的甜甜圈图。

悬停时,我会添加与填充颜色相同的笔触来放大线段(中间),但也会增加线段的外观大小/值。

然后,我使用stroke-dasharray在该段的外侧添加一个长破折号,并在该段的内侧添加一个短破折号-并没有任何侧击(右)。 (必需的行为)

下图所示,我使用stroke-dasharray的固定值。在此示例中,我使用了四个值,例如stroke-dasharray: 600 20 400 20;

似乎对于任何段,如果我将20(两面)的值保持不变,都可以,但是我必须为600和{{1}提供不同的值},分别给出我要悬停的细分。

400的文档中,我正努力了解如何实现此方法,以使其适用于任何给定大小的细分。我想做的是stroke-dasharray,但据我所知这是不可能的。

有什么建议吗?

Three doughnut graphs

0 个答案:

没有答案