小编use*_*632的帖子

D3线充当封闭路径

更新:这是一个问题的例子 - 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
  ...
 ]
Run Code Online (Sandbox Code Playgroud)

我正在使用一行的标准声明(带有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); 
        });
Run Code Online (Sandbox Code Playgroud)

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

javascript line d3.js

8
推荐指数
1
解决办法
5715
查看次数

标签 统计

d3.js ×1

javascript ×1

line ×1