我试图沿着d3.js图的x轴绘制日期。然而,当应该有不同的值时,我会在a轴上重复相同的值。
我将日期格式化如下:
var format = d3.time.format('%m/%d/%Y %H:%M').parse;
然后直接在数据调用之后:
data.forEach(function(d) {
d.timestamp = format(d.timestamp); // d.timestamp is from the data
});然后将域设置如下:
var xScale = d3.time.scale().range([0, width]);
xScale.domain([d3.min(data, xValue), d3.max(data, xValue)]);
timestamp location price FirstName LastName
1/6/2014 7:28 Brew've Been Served 11.34 Edvard Vann
1/6/2014 7:34 Hallowed Grounds 52.22 Hideki Cocinaro
1/6/2014 7:35 Brew've Been Served 8.33 Stenig Fusil
1/6/2014 7:36 Hallowed Grounds 16.72 Birgitta Frente
1/6/2014 7:37 Brew've Been Served 4.24 Sven Flecha
1/6/2014 7:38 Brew've Been Served 4.17 Cornelia Lais
1/6/2014 7:42 Coffee Cameleon 28.73 Linnea Bergen
1/6/2014 7:43 Brew've Been Served 9.6 Mat Bramar
1/6/2014 7:43 Brew've Been Served 16.9 Brand Tempestad
1/6/2014 7:47 Hallowed Grounds 16.53 Emile Arpa
1/6/2014 7:48 Hallowed Grounds 10.66 Kare Orilla
1/6/2014 7:49 Coffee Cameleon 8.39 Bertrand Ovan
1/6/2014 7:52 Brew've Been Served 32.83 Hennie Osvaldo
1/6/2014 7:54 Hallowed Grounds 16.88 Nils Calixto
1/6/2014 7:54 Coffee Cameleon 11.86 Adra Nubarron
1/6/2014 7:54 Hallowed Grounds 32.93 Rachel Pantanal
1/6/2014 7:55 Hallowed Grounds 8.05 Lucas Alcazar
1/6/2014 7:55 Brew've Been Served 3.67 Varja Lagos
1/6/2014 7:59 Brew've Been Served 8.88 Inga Ferro
1/6/2014 8:00 Brew've Been Served 4.27 Ruscella Mies Haber
1/6/2014 8:00 Hallowed Grounds 9.69 Anda Ribera
1/6/2014 8:01 Hallowed Grounds 10.07 Lidelse Dedos
1/6/2014 8:06 Brew've Been Served 18.24 Loreto Bodrogi

正如您在图像中看到的,下面的值是沿着x轴绘制的。
我这样做对吗?
发布于 2014-11-04 17:10:08
感谢Lars Kotthoff的帮助,他指出我使用的是d3的一个古老版本。简单地更改为更新版本的d3解决了我的问题。他通过聊天回答了这个问题,所以没有直接的回答来标记为正确的答案。但他解决了这个问题。
https://stackoverflow.com/questions/26652925
复制相似问题