http://bl.ocks.org/jasondavies/1341281の例に基づいて、平行座標グラフと開発を作成しようとしています。
グラフの軸の 1 つとして DateTime 形式の属性を使用する場合、コードを変更/修正/追加する必要があるのは何ですか?
http://bl.ocks.org/jasondavies/1341281の例に基づいて、平行座標グラフと開発を作成しようとしています。
グラフの軸の 1 つとして DateTime 形式の属性を使用する場合、コードを変更/修正/追加する必要があるのは何ですか?
エポックからのミリ秒数として時間を csv ファイルに追加するだけで十分だと思います。次の行は文字列を数値に変換します。
// Extract the list of dimensions and create a scale for each.
x.domain(dimensions = d3.keys(cars[0]).filter(function(d) {
return d != "name" && (y[d] = d3.scale.linear()
.domain(d3.extent(cars, function(p) { return +p[d]; }))
.range([height, 0]));
}));
p[d]
新しい列 ( と呼びましょうtime
) に到達すると、その特定の列の車を実行するとd3.extent
、最大値と最小値が (数値として) 取得され、それらが [height, 0] の範囲にマップされます。y['time'](value)
値は範囲内にあり、[min, max]
その間の 1 つの値にマップされます[height, 0]
エポック run からの新しい日付の経過時間を取得するには、コンストラクター+(new Date())
へのパラメーターは、Date
この場合に決定したものになります。
私が見つけた1つの問題は、ラベル付けです(数字はのようなものになります1426573656530
)ので、tickFormatを使用して各軸のラベルを変更します