带有d3js的简单多线图

时间:2013-02-20 05:03:15

标签: javascript graph d3.js multiline

我有以下数组

var data = [ 
             [{"time": 1, "value": 2.1}, {"time": 2, "value": 1.1}],{"time": 3, "value": 3.1}],
             [{"time": 1, "value": 5.3}, {"time": 2, "value": 0.1}, {"time": 3, "value": 6.1}]
           ];

我需要找到整个数组的最大时间和值。不太有用的代码是

var x = d3.scale.linear()
    .domain([1, d3.max(data, function(d,i){ return d[i].time;})])
    .range([0, width]);

由于某种原因,我得到的最大时间为2,而不是3.即使我使用更大的数据集,我仍然没有得到实际的最大值。

感谢任何帮助。

1 个答案:

答案 0 :(得分:2)

您的数据是一个或多个数组。如果您想要“最大值”,则需要考虑嵌套。一种方法:

.domain([1, d3.max(data, function(arrayOfDs, i) {
  return d3.max(arrayOfDs, function(d, i) { return d.time; });      
})])