javascript - D3js 中的时间格式

标签 javascript d3.js

我有一个 d3 线图,我正在按月/日绘制日期。问题是 x 轴默认在轴原点显示年份“1900”。有没有办法可以将其更改为默认为“一月”而不是“1900”,因为我的行是突出显示不同年份的地方。我的 plnkr 如下

http://plnkr.co/edit/22Jc4Nte0WWLQzT7a9lr?p=preview

我假设更改是在以下任一行中进行的,但是,我不确定更改它的方法。

var x = d3.scaleTime().range([0, width]),

x.domain(d3.extent(data, function(d) { return d.date; }));

最佳答案

您必须使用 %b 为 x 轴定义 tickFormat,以便它只知道显示缩写的月份名称。检查here用于 d3 中的时间格式选项。

  .call(d3.axisBottom(x)
    .tickFormat(d3.timeFormat("%b"))
  );

检查更新的 Plunkr - http://plnkr.co/edit/7ZUSQJduYPL5VNAxBG5u?p=preview

关于javascript - D3js 中的时间格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42560166/

相关文章:

JavaScript:使用 Jquery 获取日期输入字段的值

javascript - 变量中的函数名

javascript - d3 力有向图向下力模拟

javascript - D3 中的国际象棋走法

javascript - 在 D3 中向分层条形图添加图例

javascript - 无法使用 jQuery 显示菜单中的内容文本

javascript - 类型 'valHooks' 上不存在属性 'JQueryStatic'

javascript - 访问全局变量和异步问题

javascript - 如何以特定间隔解析 D3 上的日期

javascript - 计算 D3 中一组的高度和宽度