Javascript 我无法使用d3.js在每月数据中显示我的x轴

我已经开发了我的折线图，但无法显示一年中每月3个月的数据，我已经显示了年度数据，但无法显示给定json对象中未显示的月份事务

var data=[{"key":[2000,0],"value":100},{"key":[2000,1],"value":200},
          {"key":[2001,3],"value":400},{"key":[2001,4],"value":500},
          {"key":[2002,1],"value":600},{"key":[2002,1],"value":700},
          {"key":[2003,2],"value":500},{"key":[2003,1],"value":800},
          {"key":[2004,5],"value":200},{"key":[2004,1],"value":900},
          ]
      var s1=data.map(function (d,i){return {key:d.key[1],value:d.value}}) 
      var x =  d3.scale.linear().range([0, width]);
      var y = d3.scale.linear().range([height, 0]);
      var xAxis = d3.svg.axis().scale(x).orient("bottom").ticks(20)
        .tickFormat(d3.time.months,4)
       var yAxis = d3.svg.axis().scale(y).orient("left")
       var line = d3.svg.line()
       .x(function(d) { return x(d.key); })
       .y(function(d) { return y(d.value); })
       .interpolate("linear")
      var svg = d3.select("body").select("svg")
       .attr("width", width + margin.left + margin.right)
       .attr("height", height + margin.top + margin.bottom)
       .append("g")
       .attr("transform", "translate(" + margin.left + "," + margin.top + ")")
       x.domain(d3.extent(s1, function(d) { return d.key; }));
       y.domain(d3.extent(s1, function(d) { return d.value; }));
       svg.append("path").attr("class", "line").attr("d", line(s1)); 

---

这里是构建月轴的示例，如果我理解正确的话-

我尝试过，但启用了在x轴中显示每年的一月、七月