0

間隔データの比較的単純な視覚化に取り組んでいます。データ ポイントは 1 日 15 分ごとに報告されます。私はそれを 1 日全体でグラフ化しようとしています。ごく少数のポイントに限定すればすべて問題なく動作しますが、1 日分のデータを使用しようとすると、何らかの理由で線がいくつかの線に断片化されているように見えます。

SVG 要素を調べたところ、パス要素が 1 つしかないため、何が起こっているのかわかりません。関連するすべてのコード(これは非常に単純で、混乱させる余地はあまりありません)を参照用のフィドルに入れました: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);
4

1 に答える 1

1

データを並べ替えると正常に動作します (入力では並べ替えられません) --

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

ここでjsfiddle を完成させてください。

于 2013-11-01T16:35:12.103 に答える