1

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

我有以下折线图： 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 缩写月份（二月变成二月）和
  2. 为什么将 01-2012 更改为“2012”而不是“一月”？

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

谢谢！

4

1 回答 1

3

您将不得不使用tickformat()函数。这是你更新的小提琴

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

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

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

于 2013-08-30T23:41:41.977 回答