【发布时间】:2016-03-30 11:08:57
【问题描述】:
我有一个普通的 nvd3 折线图。有时图表所代表的数据是不完整的。我希望能够以不同的方式设置 part 行的样式来表示这一点,例如在此示例中:
在这里,当点相距很远时用虚线连接,靠近时用实线连接。是否可以仅将 stroke-dasharray 应用于路径的某些部分,还是我必须欺骗 nvd3 为样式更改的每个段创建一个新行?
【问题讨论】:
我有一个普通的 nvd3 折线图。有时图表所代表的数据是不完整的。我希望能够以不同的方式设置 part 行的样式来表示这一点,例如在此示例中:
在这里,当点相距很远时用虚线连接,靠近时用实线连接。是否可以仅将 stroke-dasharray 应用于路径的某些部分,还是我必须欺骗 nvd3 为样式更改的每个段创建一个新行?
【问题讨论】:
您不能将 stroke dasharray 应用于路径的一部分,但您可以创建一个非常长的 stroke dasharray 等于路径的长度,并在 JavaScript 中仔细计算破折号的位置,以便破折号与您想要虚线的路径部分。
【讨论】: