D3通过CSS设置笔划数组

在D3V4中，我发现将stroke dasharray指定为属性的效果与预期一样。另一方面，通过样式指定它并不会导致错误。请参阅本说明末尾的代码清单

根据Mozilla基金会（）：

“使用CSS

除了在对象上设置属性外，还可以使用CSS设置填充和笔划的样式。并非所有属性都可以通过CSS设置。处理绘制和填充的属性通常可用，因此填充、笔划、笔划数组等都可以通过这种方式设置…”

因此，有三种可能性之一：

1） 我没有在下面提供的示例代码中正确实现该样式

2） D3没有正确实现样式

＜P＞3）Mozilla基金会通过CSS设置卒中达标的做法是错误的。

是哪一个

代码：

.虚线{
笔划数组：“5,3”；
}
var svg=d3.select（'svg'）；
append（'行'）
.attr（'x1'，0）
.attr（'x2'，500）
.attr（'y1'，25）
.attr（'y2'，25）
.style（'笔划'，'蓝色'）
.style（'stroke-width'，'2px'）
.style（'stroke-dasharray'，'5,3'）；
append（'行'）
.attr（'x1'，0）
.attr（'x2'，500）
.attr（'y1'，75）
.attr（'y2'，75）
.style（'笔划'，'蓝色'）
.style（'stroke-width'，'2px'）
.attr（“类”、“虚线”）；

您在CSS中使用的字符串是无效的属性值。相反，它应该是一个数字：

.dashed {
    stroke-dasharray: 5,3;
}

检查它：

.虚线{
行程数组：5,3；
}
var svg=d3.select（'svg'）；
append（'行'）
.attr（'x1'，0）
.attr（'x2'，500）
.attr（'y1'，25）
.attr（'y2'，25）
.style（'笔划'，'蓝色'）
.style（'stroke-width'，'2px'）
.style（'stroke-dasharray'，'5,3'）；
append（'行'）
.attr（'x1'，0）
.attr（'x2'，500）
.attr（'y1'，75）
.attr（'y2'，75）
.style（'笔划'，'蓝色'）
.style（'stroke-width'，'2px'）
.attr（“类”、“虚线”）；

.dashed {
    stroke-dasharray: 5,3;
}