d3ラインジェネレータで繰り返しメソッドを使用するとパフォーマンスが向上します

Question

D3のパフォーマンスを最適化するために過去数日間苦労しました。 SVGでラインジェネレータを使用していて、xとyで使用されている関数を1回だけ計算したいとします。たとえば ：

d3.line().curve(d3.curveLinear) 
    .x(function(d){ return Math.sqrt(d) } 
    .y(function(d){ return Math.sqrt(d) + 2) I 

私はMath.sqrt(d)の結果を保存して、唯一の時間を計算したいと思います。

誰にも提案はありますか？

Answer 1

あなたはあなたの最初の関数に結果を格納し、第二

例えば、あなたのデータから来ている

d3.line().curve(d3.curveLinear) 
    .x(function(d){ 
    d.sqrt = Math.sqrt(d.value); 
    return d.sqrt 
    }) 
    .y(function(d){ 
    return d.sqrt + 2 
    })