Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/amazon-s3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Graph D3线图-单线似乎被分割成几段_Graph_D3.js_Line - Fatal编程技术网

Graph D3线图-单线似乎被分割成几段

Graph D3线图-单线似乎被分割成几段,graph,d3.js,line,Graph,D3.js,Line,我正在为区间数据做一个相对简单的可视化。数据点将在一天中每15分钟报告一次,我正试图绘制一整天的图表。如果我将它限制在很少的点上,一切都可以正常工作,但是当我尝试使用一整天的数据时,由于某种原因,该行似乎会分割成几行 我检查了SVG元素,只有一个path元素,所以我不确定发生了什么。我已经把所有相关的代码(其实很简单,没有太多的空间弄乱)放在一把小提琴里供参考:。任何提示都将不胜感激 var data = d3.csv.parse(csvData); var line = d3.svg.lin

我正在为区间数据做一个相对简单的可视化。数据点将在一天中每15分钟报告一次,我正试图绘制一整天的图表。如果我将它限制在很少的点上,一切都可以正常工作,但是当我尝试使用一整天的数据时,由于某种原因,该行似乎会分割成几行

我检查了SVG元素,只有一个path元素,所以我不确定发生了什么。我已经把所有相关的代码(其实很简单,没有太多的空间弄乱)放在一把小提琴里供参考:。任何提示都将不胜感激

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; });