d3平行坐标日期时间轴

d3 parallel coordinates datetime axis

本文关键字：时间 日期 坐标 d3      更新时间：2023-09-26

我正在尝试制作一个平行坐标图，并基于http://bl.ocks.org/jasondavies/1341281实例

如果我想使用DateTime格式属性作为图中的一个轴，我需要在代码中更改/修改/添加什么？

我认为将时间作为自epoch以来的毫秒数添加到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]范围内时，它将映射到[height, 0] 之间的一个值

要获取自epoch运行+(new Date())以来新日期的运行时间，Date构造函数的参数将是您为这种情况决定的参数。

我发现的一个问题是标签（数字将类似于1426573656530），所以我会使用tickFormat来更改每个轴的标签

相关文章：