angularjs - 在 angular-nvd3 折线图中动态放大 y 轴范围

Question

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

Answer 1

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

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

那么你需要使用forceYnvd3 中的函数，并将上限分配给maxValue，或者你想要的任何东西（在你的情况下为 1.5）：

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

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

作为参考，看看我的plnkr这个实现。