tickformat

Question

私はこのようなd3.js time.scaleを使用しています：

var xScale = d3.time.scale() 
     .domain(d3.extent(data, function(d) { return d.date; })) 
     .range([0, chartWidth]); 

データは、このようなものです：

var testData = [ 
    { 
    "date": "2015-04-01T00:00:00.000Z", 
    "value": 200.00 
    }, 
    { 
    "date": "2015-05-01T00:00:00.000Z", 
    "value": 2000.00 
    }, 
    { 
    "date": "2015-06-01T00:00:00.000Z", 
    "value": 4000.01 
    }, 
    { 
    "date": "2015-07-01T00:00:00.000Z", 
    "value": 1000.00 
    }, 
    { 
    "date": "2015-08-01T00:00:00.000Z", 
    "value": 750.00 
    }, 
    { 
    "date": "2015-09-01T00:00:00.000Z", 
    "value": 1568.00 
    }, 
    { 
    "date": "2015-10-01T00:00:00.000Z", 
    "value": 3789.00 
    }, 
    { 
    "date": "2015-11-01T00:00:00.000Z", 
    "value": 5678.00 
    }, 
    { 
    "date": "2015-12-01T00:00:00.000Z", 
    "value": 4898.00 
    }, 
    { 
    "date": "2016-01-01T00:00:00.000Z", 
    "value": 9002.00 
    }, 
    { 
    "date": "2016-02-01T00:00:00.000Z", 
    "value": 3320.00 
    }, 
    { 
    "date": "2016-03-01T00:00:00.000Z", 
    "value": 12000.00 
    } 
]; 

しかし、ダニや順序はないようです私は期待：

私はダニを注文することが期待されます2016年3月2015年3月、2016年ダニがどこから来ているのか分かりません。

私は予想どおりにティックを注文することができ、2016ティックはどこから来ますか？

ここ

あなたはダニは、月名と年を表示軸にこれを追加したい場合はproblem

Answer 1

を示しjsbinです：

.tickFormat(d3.time.format("%B %Y")); 

また、あなたが短縮を表示することができます月名：http://jsbin.com/wikafuluqu/1/edit?js,output

01：

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

ここでは、更新jsbinです

PS：最初の目盛りを表示するには、目盛りにnice()を追加します。これはnice()のjsbinです： http://jsbin.com/loyupelazu/1/edit?js,output