javascript - 如何在 d3 折线图上缩写月份

Question

我有两个关于 d3 折线图的问题。

我有以下折线图:

这是一个 jsfiddle:http://jsfiddle.net/TKHYp/8/

数据如下所示:

    var sampleData = [
                       ["2012-01", 2+Math.random()],
                       ["2012-02", 2+Math.random()],
                       ["2012-03", 2+Math.random()],
                       ["2012-04", 2+Math.random()],
                       ["2012-05", 2+Math.random()],
                       ["2012-06", 2+Math.random()],
                       ["2012-07", 2+Math.random()],
                       ["2012-08", 2+Math.random()]];

日期转换代码如下:

var parseDate = d3.time.format("%Y-%m").parse;

我有两个问题:

1. 我如何告诉 d3 缩写月份(February 变成 Feb.)和
2. 为什么将 01-2012 更改为“2012”而不是“一月”？

如果没有办法缩写月份，有人可以帮我更改 d3 代码，使其仅将数据日期输出为字符串吗？这样我就可以编写 javascript 代码来手动解析和缩写数据中的日期。

谢谢!

Answer 1

您将不得不使用tickformat() 函数。这是您更新的 fiddle

tickFormat(d3.time.format("%Y-%b"))

有关格式说明符的更多信息:https://github.com/mbostock/d3/wiki/Time-Formatting

刻度格式:https://github.com/mbostock/d3/wiki/SVG-Axes#wiki-tickFormat