D3线充当封闭路径

Question

更新:这是一个问题的例子 - http://jsfiddle.net/Hffks/2/

我正在尝试使用D3来编码折线图,并且我的线在最后被关闭,我的意思是它作为一个封闭的路径,其中第一个和最后一个点是相同的.我的数据采用以下JSON格式:

[ entityA : [ { time : 1230000,  // time since epoch
             attribute1 : 123 // numeric value 
             attribute2 : 123 // numeric value
            },
              { time : 1230010,  // time since epoch
              attribute1 : 123 // numeric value 
              attribute2 : 123 // numeric value
            } ],
  entityB : [ { ... // same format as above
  ...
 ]

我正在使用一行的标准声明(带有x和y函数的d3.svg.line):

var line = d3.svg.line()
        .x(function(d) {
            return x_scale(d.c_date)); 
        })
        .y(function(d) { 
            return y_scale(d.total); 
        });

然后在for循环中迭代实体,我附加了一个"svg:path":

canvas.append("svg:path")
            .attr("d", line(data[entity]))

关于图形的其他所有工作:点被正确放置,每个实体有多个独立的线,绘制轴等.但是,每个独立线充当闭合路径.

在此先感谢您的帮助!

Answer 1

默认情况下填充路径.如果设置fill为"none"和stroke"black",您将看到路径未关闭,它似乎就是.

工作小提琴:http://jsfiddle.net/Hffks/3/