用D3 JS连接两个点

时间:2014-11-19 03:57:09

标签: javascript d3.js

我做了一些搜索,发现了一些接近我想要实现的东西,但它不起作用。我是以正确的方式做到的吗?我有一个带有两条指数曲线的图,我希望将第一条曲线的末尾连接到第二条曲线的开头。

我已将数据存储如下:

for (var i = 0; i <= 100; i++) {


         product.push({ "ID": Number(c[i]), "value1": new Date(v[i]), "value2": new Date(v1[i]) });

         if (i == 0) {
             x1 = (v1[100]) // x value when y value is 100
             y1 = (c[100])
         }
         if (i == 100) {
             x0 = (v[0]) // x value when y value is 0
             y0 = (c[0])
         }
            }

我检查了x0,x2,y0和y1的值,它似乎存储了正确的值。为了绘制连接线,我使用了以下内容:

      svg.append('line')
.attr('x1', x(function (d) { return x(d.x0); }))
.attr('x2', x(function (d) { return x(d.x1); }))
.attr('y1', y(function (d) { return x(d.y0); }))
.attr('y2', y(function (d) { return x(d.y1); }))
    .style({
        stroke: "#000000"
    });

但我似乎无法将这两点联系起来。还有其他办法吗?

0 个答案:

没有答案