Question

我正在研究区间数据的相对简单的可视化。数据点将在一天中的每15分钟报告一次，我正在尝试绘制一整天的数据。如果我将它限制在极少数点，一切正常，但是当我尝试使用一整天的数据时，由于某种原因，该行看起来会分成几行。

我已经检查了SVG元素，并且只有一个路径元素，所以我不确定发生了什么。我已将所有相关代码（实际上非常简单，没有太大的空间）放入小提琴中供参考：http://jsfiddle.net/TUjhB/。任何提示都表示赞赏。

var data = d3.csv.parse(csvData);

var line = d3.svg.line()
  .x(function (d) { return x(d.Timestamp); })
  .y(function (d) { return y(d.num); });

svg.append("path")
  .datum(data)
  .attr("class", "line")
  .attr("d", line);

Answer 1

如果对数据进行排序（未在输入中排序），它可以正常工作 -

data.sort(function(a,b) { return a.Timestamp - b.Timestamp; });

完成jsfiddle here。

D3线图 - 单线似乎分成几个

1 个答案: