使用折线图定义函数的D3.js问题

Question

我正在使用d3.line（）中定义的函数绘制两条线-一条虚线，一条平面。

var my_line = d3.line()
                .x(function(d){return x_scale(d.x_var)})
                .y(function(d){return y_scale(d.y_var)})
                .defined(function(d) {return d.defined; })


var my_dotted_line = d3.line()
                       .x(function(d){return x_scale(d.x_var)})
                       .y(function(d){return y_scale(d.y_var)})
                       .defined(function(d){return d.dot_defined;})

我只想在两个连续点之间绘制虚线。

我最终在数据中创建了2个变量：

1. 已定义-在起始行上只能为false（请参见下面的顶点）

2. dot_defined-在开始行和连续行（下面的顶部和底部的点）上为true

这对于虚线非常有效，但是对于标准线，即使只有一个条目== false，它也会漏掉2行。

有什么想法吗？

Answer 1

我已经解决了。

解决方案是在最上面的点添加两个数据点。一个定义为== true，下一个定义为== false。