在角度-nvd3折線圖中動態縮放y軸範圍

Question

我使用角度nvd3指令here來構建多折線圖表。該圖表會自動將y軸縮放到繪製的所有系列中的最大值和最小值。我可以將它改爲最小值和最大值的1.5倍嗎？或者我選擇的其他動態配置？

Answer 1

要根據數據動態更改Y軸，一種方法是將getMaxValue(*list*)結果指定給變量，前提是您的數據位於JSON數組中。例如：

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

那麼你就需要使用forceY功能nvd3，並指定區間上限maxValue，或（在你的案件1.5）任何你想要的：

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

這將根據數據集中的最高數據值動態更改Y軸範圍。

作爲參考，請參閱我的plnkr這個實現。