如何根据当前最小/最大值设置nvd3选项中时间值的轴范围？

Question

我得到一个旧的角度网站，我需要建立和我需要做的事情之一是使用它的选项对象更改图表。

现在y轴从最低时间到最高时间，但我需要创建一些空间上下的空间，以便它看起来更好。

我的想法是在yAxis属性中添加诸如range: [minVal*0.9,maxVal*1.1]之类的东西，但那不起作用。我一直在环顾四周，我发现的所有例子都是整数和浮点数，而不是日期时间。

有没有办法获得一个时间和使用数组的最低和最高值放入图中，我怎样才能使用这些来改变轴的范围？

以下是选项对象的当前图表部分。

chart: { 
     type: 'lineChart', 
     height: 600, 
     width: 1200, 
     x: function (d) { 
     return d3.time.format('%d/%m/%Y').parse(d[0]); 
     }, 
     y: function (d) { 
     return d3.time.format('%M:%S.%L').parse(d[1]); 
     }, 
     xAxis: { 
     axisLabel: "Date", 
     tickFormat: function (d) { 
      return d3.time.format('%d/%m/%Y')(new Date(d)); 
     } 
     }, 
     yAxis: { 
     axisLabel: "Time", 
     // range: [(minValue*0.9), (maxValue*1.1)], 
     tickFormat: function (d) { 
      return d3.time.format('%M:%S.%L')(new Date(d)); 
     } 
     } 

Answer 1

您可以使用.forceY([min, max])上的图表声明迫使Y轴范围：

var chart = ...; 
chart.forceY([minValue * 0.9, maxValue * 1.1]);