D3 X軸に間隔を追加する

Question

X軸で間隔を取得しようとしています。 X軸には毎月1日（1月1日、2月1日など）が表示されます。また、チャートをズームインして日（1月1〜31日）を表示する方法も見ています。今のところ私はD3で棒グラフを作成するのはまだ新しいので、ブラシを使うだけです。

var brush = d3.svg.brush() 
    .x(x) 
    .on('brush', bListener); 

var gBrush = svg.select('g.brush').call(brush); 

gBrush.selectAll('rect') 
     .attr('height', height - margin.top - margin.bottom) 
     .style("opacity", 0.5) 
     .style("fill", ""grey"); 

は、このようなもののD3、 http://www.highcharts.com/demo/line-time-seriesで棒グラフとして何かを作成するために探しています。

はここで任意の助けをいただければ幸いですhttps://jsfiddle.net/noobiecode/wck4ur9d/4/

です。

Answer 1

部分的な答え：毎月1日を表示する方法

（1月1日、2月1日、など）：これに代えて、あなたのX軸で

：

.ticks(d3.time.days, 1) 

は、次の操作を行います。

.ticks(d3.time.months) 

作業フィドルhere

ブラッシングに関して私は例を見なかったので、あなた自身でそれを書く必要があるかもしれません:(