首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >显示相同值的d3时间格式x轴

显示相同值的d3时间格式x轴
EN

Stack Overflow用户
提问于 2014-10-30 12:24:49
回答 1查看 196关注 0票数 0

我试图沿着d3.js图的x轴绘制日期。然而,当应该有不同的值时,我会在a轴上重复相同的值。

我将日期格式化如下:

var format = d3.time.format('%m/%d/%Y %H:%M').parse;

然后直接在数据调用之后:

代码语言:javascript
复制
data.forEach(function(d) {
    d.timestamp = format(d.timestamp); // d.timestamp is from the data
});

然后将域设置如下:

代码语言:javascript
复制
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轴绘制的。

我这样做对吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-11-04 17:10:08

感谢Lars Kotthoff的帮助,他指出我使用的是d3的一个古老版本。简单地更改为更新版本的d3解决了我的问题。他通过聊天回答了这个问题,所以没有直接的回答来标记为正确的答案。但他解决了这个问题。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26652925

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档