1

d3 折れ線グラフについて 2 つの質問があります。

次の折れ線グラフがあります。 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;

2 つの質問があります。

  1. 月を短縮するように d3 に指示するにはどうすればよいですか (February は Feb. になります)。
  2. 01-2012 が「January」ではなく「2012」に変更されるのはなぜですか?

月を短縮する方法がない場合、誰かが d3 コードを変更してデータの日付を文字列として出力するのを手伝ってもらえますか? このようにして、JavaScript コードを記述して、データ内の日付を手動で解析して省略できます。

ありがとう！

4

1 に答える 1

3

関数を使用する必要がありtickformat()ます。これが更新されたフィドルです

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

フォーマット指定子の詳細: https://github.com/mbostock/d3/wiki/Time-Formatting

tickformat: https://github.com/mbostock/d3/wiki/SVG-Axes#wiki-tickFormat

于 2013-08-30T23:41:41.977 に答える