在angular-nvd3折线图中动态调整y轴范围

Question

我使用angular nvd3指令here来构建多线图。图表会自动将y轴缩放为绘制的所有系列中的最大值和最小值。我可以将其更改为最小值和最大值的1.5倍吗？或者我选择的任何其他动态配置？

Answer 1

要根据数据动态更改Y轴，一种方法是将getMaxValue(*list*)结果分配给变量，如果您的数据位于JSON数组中。例如：

var maxValue = *dataUtil*.getMaxValue(datalist);

然后你需要使用nvd3中的forceY函数，并将上限范围分配给maxValue，或任何你想要的（在你的情况下为1.5）：

$scope.optionsBar.chart.forceY = [0, maxValue * 1.5];

这将根据数据集中的最高数据值动态更改Y轴范围。

作为参考，请参阅我的plnkr此实现。