将stroke-dasharray样式仅应用于路径的一部分

时间:2016-03-29 10:39:59

标签: d3.js svg nvd3.js

我有一个普通的nvd3折线图。有时,图表所代表的数据不完整。我希望能够以不同的方式设置 part 的行,以表示这一点,例如在此示例中:

enter image description here

这里,点在远处时用虚线连接,而在靠近时用实线连接。是否可以将stroke-dasharray仅应用于路径的某些部分,或者我是否必须欺骗nvd3为样式更改的每个段创建新行?

1 个答案:

答案 0 :(得分:1)

您不能将描边dasharray应用到路径的一部分,但是您可以创建一个非常长的笔划虚线阵列,该数组等于路径的长度,并仔细计算JavaScript中破折号的位置,以便破折线你想要破灭的路径的一部分。