[英]Adding custom axis names to Javascript D3 Parallel Coordinates (CSV has no header line)
[英]d3 parallel coordinates datetime axis
我正在尝试制作一个平行坐标图,并根据http://bl.ocks.org/jasondavies/1341281示例进行开发。
如果要将DateTime格式属性用作图形中的轴之一,需要在代码中进行哪些更改/修改/添加?
我认为将时间添加为自epoch以来的毫秒数到csv文件中就足够了,然后以下几行会将字符串转换为number:
// 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)
并且value在[min, max]
范围内时[min, max]
它将被映射到[height, 0]
之间的一个值
为了获取自epoch run +(new Date())
以来新日期经过的时间, Date
构造函数的参数将是您为此情况决定的参数。
我发现的一个问题是标签(数字将类似于1426573656530
),因此我将使用tickFormat更改每个轴的标签
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.