javascript - 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 日等):

在你的 xAxis 中而不是这个:

   .ticks(d3.time.days, 1)

这样做:

.ticks(d3.time.months)

工作 fiddle here

关于刷机我没有看到任何例子，可能需要你自己写:(