angularjs - angular-nvd3折れ線グラフのy軸範囲を動的に拡大

Question

ここでは角度のある nvd3 ディレクティブを使用して、複数の折れ線グラフを作成しています。グラフは、プロットされたすべての系列の最大値と最小値に y 軸を自動的にスケーリングします。代わりに、これをおそらく最小値と最大値の 1.5 倍に変更できますか? または、私が選択した他の動的構成はありますか?

Answer 1

データに基づいて Y 軸を動的に変更する方法の 1 つgetMaxValue(*list*)は、JSON 配列にデータがある場合、結果を変数に割り当てることです。例えば：

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

次にforceY、nvd3で関数を使用し、上限範囲をmaxValue、または必要なものに割り当てる必要があります（この場合は1.5）：

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

これにより、データ セット内の最大データ値に基づいて Y 軸の範囲が動的に変更されます。

参考までに、この実装で私のplnkrを見てください。