尽管y轴本质上是增量的，但D3线图仍然向后绘制

Question

我在D3中混合了折线图和条形图。虽然映射到'usageDate'的y轴（日期）本质上是递增的，但得到的折线图似乎反向绘制。

图像 LineChart

折线图在X上绘制'usageTrendDetails'，在Y上绘制 usageDate 。附上代码链接。 Clickhere

折线图从左到右绘制，但是如图中突出显示的那样，它突然从右到左开始绘制，然后向右返回。知道为什么会这样吗？

Answer 1

在排队前对数据进行排序：

data = data.sort(function(a,b){return a.date.getTime() - b.date.getTime();})

工作代码here

Answer 2

对数据进行排序，问题在于9月之后日期的格式。 0个月（1月）到8月（9月）预先归零的逻辑并没有正确处理10月，11月和12月，导致9月份之后的几个月向后绘制。

旧代码：  if(month<= 8){ month = "0"+(month+1); }

新代码：处理10月 - 12月

if(month<= 8){
        month = "0"+(month+1);
    }else{
        month = month + 1;
    }

解决问题后的图表。

Click Here