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)

工作小提琴here

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

D3在X轴上添加间隔

1 个答案: