dc.js

Question

我有下一张图表：

chart
  .renderArea(true)
  .width(width)
  .height(400)
  .dimension(dim)
  .group(group, "Strategy")
  .x(d3.time.scale().domain([startDateWithDelta, endDateWithDelta]))
  .round(d3.time.day.round)
  .xUnits(d3.time.days)
  .elasticY(true)
  .renderHorizontalGridLines(true)
  .renderVerticalGridLines(true)
  .useRightYAxis(true)
  .yAxisPadding("20%")
  .xAxis().ticks(8);

您可以在下方看到截图。

为什么我的xAxis会在11月份再渲染一条垂直线？我希望我的图表中的每个方格具有相同的大小。也许我在图表的配置中有一些错误？

更新：

我的数据示例：

[{
  timestamp: "2016-09-13T00:00:00",
  profitPercent: 0
},
...
{
  timestamp: "2016-09-25T00:00:00",
  profitPercent: 1.45
}]