当我们在X轴刻度时使用DateTime时，Angular nvd3折线图错误对齐

是因为nvd3库默认将X轴刻度视为离散的类别，而不是连续的时间。这导致了折线图的数据点在X轴上的位置不正确。

为了解决这个问题，我们可以通过以下步骤来正确对齐折线图的X轴刻度：

1. 确保数据中的X轴值是JavaScript的Date对象，而不是字符串或其他格式。如果数据不是Date对象，需要将其转换为Date对象。
2. 在nvd3的图表配置中，将X轴的类型设置为"date"，以告诉nvd3将X轴视为时间轴。可以使用以下代码来设置：

chart.xAxis
  .axisLabel('时间')
  .tickFormat(function(d) {
    return d3.time.format('%Y-%m-%d')(new Date(d));
  })
  .showMaxMin(false)
  .tickValues(data.map(function(d) {
    return new Date(d.x);
  }));

1. 确保数据按照时间顺序排序，以便正确绘制折线图。可以使用以下代码对数据进行排序：

data.sort(function(a, b) {
  return new Date(a.x) - new Date(b.x);
});

通过以上步骤，我们可以解决Angular nvd3折线图错误对齐的问题，确保X轴刻度按照时间正确对齐。

关于Angular nvd3折线图的更多信息和示例，您可以参考腾讯云的数据可视化产品ECharts，它提供了丰富的图表类型和灵活的配置选项，适用于各种场景。您可以访问以下链接了解更多信息：

ECharts - 腾讯云