Javascript 明确指定“x”轴的最大/最小值；multiChart“；使用d3.js、nvd3.js和angular-nvd3

我使用的是d3.j、nvd3.js和angular-nvd3指令。我想明确指定x轴的范围，因此即使没有值，也会显示整个间隔（一个很好的例子是timeline-x轴，当我想显示整个时间段时，比如03:00-09:00）。
最初我只是使用一个“折线图”，有一个选项指定forceX和forceY图表选项，分别使用x轴和y轴的最大值和最小值数组。现在我切换到“multiChart”（有两个y轴），这个选项似乎不再起作用了。对于y轴，有一个替代品称为yDomain1和yDomain2，其工作原理与forceY完全相同，但xDomain根本不起作用。
我创建了一个图标来显示我的问题。下面显示了图表选项的初始化：

$scope.xminvalue = -10;
$scope.xmaxvalue = 110;
$scope.options = {
  "chart": {
    "type": "multiChart",
    "height": 450,
    "margin": {
      "top": 20,
      "right": 20,
      "bottom": 40,
      "left": 55
    },
    "useInteractiveGuideline": true,
    "xAxis": {
      "axisLabel": "Time (ms)",
      "showMaxMin": true,
      "height": 60,
      "margin": {
        "top": 0,
        "right": 0,
        "bottom": 0,
        "left": 0
      },
      "tickSubdivide": 10,
      "tickSize": 2,
      "tickPadding": 2,
      "tickFormat": function(d) {
        return d;
      },
    },
    "yAxis1": {
      "tickFormat": function(d) {
        return d3.format('.01f')(d);
      },
      "axisLabel": "Voltage (v)",
      "axisLabelDistance": -10,
      "showMaxMin": true,
      "height": 60,
      "ticks": null,
      "width": 75,
      "tickValues": null,
    },
    "yAxis2": {
       "tickFormat": function(d) {
         return d3.format('.01f')(d);
       },
       "axisLabel": "Voltage (v)",
       "axisLabelDistance": -10,
       "showMaxMin": true,
       "height": 60,
       "ticks": null,
       "width": 75,
       "tickValues": null,
    },
    "xDomain": [$scope.xminvalue, $scope.xmaxvalue], 
    "xRange": null,
    "yDomain": null,
    "yRange": null,
    "tooltips": true,
  }
};
$scope.data = sinAndCos();

这只是使用简单的“折线图”对的一个小重构（它在xDomain中起到了迷人的作用）。
如果您有任何想法/解决方法，我们将不胜感激。

请查看，设置时似乎没有考虑任何选项：（查看，设置时似乎没有考虑任何选项：(