如何控制d3 scaleTime的日期格式并删除不需要的时钟时间刻度？

<script src="https://d3js.org/d3.v7.min.js"></script>
<script src="https://d3js.org/d3-time-format.v3.min.js"></script>

var svg = d3.select("body")
            .append("svg")
            .attr("width", 500)
            .attr("height", 200);

var startDate = new Date("2022-01-01");
var endDate = new Date("2022-12-31");

var data = [
  { date: new Date("2022-01-05"), value: 10 },
  { date: new Date("2022-02-15"), value: 20 },
  { date: new Date("2022-03-25"), value: 15 },
  // 其他数据
];

var xScale = d3.scaleTime()
               .domain([startDate, endDate])
               .range([0, 400]);

var xAxis = d3.axisBottom()
              .scale(xScale)
              .tickFormat(d3.timeFormat("%Y-%m-%d"))
              .tickValues(d3.timeDay.range(startDate, endDate, 7));

svg.append("g")
   .attr("transform", "translate(50, 100)")
   .call(xAxis);