D3 在 X 轴上添加间隔答案

【问题标题】：D3 adding interval on X axisD3 在 X 轴上添加间隔
【发布时间】：2016-08-10 22:34:46
【问题描述】：

尝试获取 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/

任何帮助将不胜感激。

【问题讨论】：

标签： javascript d3.js bar-chart

【解决方案1】：

部分答案：

如何显示每个月的 1 日（1 月 1 日、2 月 1 日等）：

在您的 xAxis 中，而不是这个：

   .ticks(d3.time.days, 1)

这样做：

.ticks(d3.time.months)

工作小提琴here

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

【讨论】：