D3.js v3折线图仅显示坐标轴、折线不显示的问题排查求助

我正在尝试用D3.js v3创建一个折线图，但目前只有坐标轴能正常显示，折线完全看不到。我猜测可能是我使用nest的方式有问题，但完全不知道该怎么修复。

目前代码运行后，界面上只显示出了坐标轴，折线部分完全缺失。

以下是我的代码片段：

// Define line generator function for Weekday Sales chart
var lineWeekday = d3.svg.line()
  .x(function(d) { return xWeekday(d.key); })
  .y(function(d) { return yWeekday(d.value); });

// Render Weekday Sales chart
var xWeekday = d3.scale.ordinal().domain(totalSalesByWeekday.map(function(d) { return d.key; }))
  .rangeRoundBands([0, width], 0.1);
var yWeekday = d3.scale.linear().domain([0, d3.max(totalSalesByWeekday, function(d) { return d.value; })])
  .range([height, 0]);

// Render Weekday Sales line chart
svgWeekday.append("path")
  .data(totalSalesByWeekday)
  .attr("class", "line-weekday")
  .attr("d", function(d){return lineWeekday(d);})
  .attr("fill", "none")
  .attr("stroke", "blue")
  .attr("stroke-width", 2);

svgWeekday.append("g")
  .attr("class", "x-axis")
  .attr("transform", "translate(0," + height + ")")
  .call(d3.svg.axis().scale(xWeekday).orient("bottom"));

svgWeekday.append("g")
  .attr("class", "y-axis")
  .call(d3.svg.axis().scale(yWeekday).orient("left"));

我之前试过在.data()的参数外加上[]，把数据转为数组形式，但这样直接触发了错误，现在完全卡壳不知道该怎么办了。

备注：内容来源于stack exchange，提问作者Zero