D3 bru sh и зум-график. Перетащите серую область на панорамирование

Question

Я сейчас пытаюсь настроить пример графика, который вы можете увидеть мой код . Это реализовано с использованием фреймворка d3. Я хотел установить окончательный размер маркера bru sh, как см. Рисунок. Что необходимо изменить, чтобы маркер bru sh обозначал период года?

function brushed() {
  if (d3.event.sourceEvent && d3.event.sourceEvent.type === "zoom") return; // ignore brush-by-zoom
  var s = d3.event.selection || x2.range();
  x.domain(s.map(x2.invert, x2));
  Line_chart.select(".line").attr("d", line);
  focus.select(".axis--x").call(xAxis);
  svg
    .select(".zoom")
    .call(
      zoom.transform,
      d3.zoomIdentity.scale(width / (s[1] - s[0])).translate(-s[0], 0)
    );
}