Graph D3线图-单线似乎被分割成几段
我正在为区间数据做一个相对简单的可视化。数据点将在一天中每15分钟报告一次,我正试图绘制一整天的图表。如果我将它限制在很少的点上,一切都可以正常工作,但是当我尝试使用一整天的数据时,由于某种原因,该行似乎会分割成几行 我检查了SVG元素,只有一个path元素,所以我不确定发生了什么。我已经把所有相关的代码(其实很简单,没有太多的空间弄乱)放在一把小提琴里供参考:。任何提示都将不胜感激Graph D3线图-单线似乎被分割成几段,graph,d3.js,line,Graph,D3.js,Line,我正在为区间数据做一个相对简单的可视化。数据点将在一天中每15分钟报告一次,我正试图绘制一整天的图表。如果我将它限制在很少的点上,一切都可以正常工作,但是当我尝试使用一整天的数据时,由于某种原因,该行似乎会分割成几行 我检查了SVG元素,只有一个path元素,所以我不确定发生了什么。我已经把所有相关的代码(其实很简单,没有太多的空间弄乱)放在一把小提琴里供参考:。任何提示都将不胜感激 var data = d3.csv.parse(csvData); var line = d3.svg.lin
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);
如果您对数据进行排序(输入中未排序),则效果良好--
完成jsfiddle。我甚至没有注意到><看起来我实际上在没有注意到的情况下,在同一天混合了多个源的数据,所以这很好地实现了。非常感谢!
data.sort(function(a,b) { return a.Timestamp - b.Timestamp; });