2016-08-10 9 views
0

私はd3軸を使用して棒グラフを表示しています。ズーム対話を追加しました。私はこのようなズームインタラクションを追加してい 、私は軸がズームされどのレベルで取得する必要が軸のズームでd3軸のズーム範囲の問題

d3.zoom(xScale).on("zoom", jQuery.proxy(function(){ 
     //Do somthing on zooming.     
     },this)); 
},this)); 

は、仮定する は、私はそれが日レベルでラベルが表示されますズームに時間軸を持って考えます再びズームした後、時間軸で軸が表示されます。それで、ズーム後の日の水準や水準の水準をどのように拡大するのか?

+0

この参照リンクは、あなたの要件を満たすのに便利ですhttp://bl.ocks.org/nnattawat/9689303 – Aditya

答えて

0

d3バージョン4をターゲットとしている場合、これを処理する最善の方法はズーム機能のrescaleXです。

function zoomed() { 
    var newScale = d3.event.transform.rescaleX(x)); 
    console.log(newScale.domain()); 
} 

はあなたのズーム軸の範囲(最小/最大)をログになります。私たちはxは、x軸に縛ら規模で、次のズームハンドラを持っていると言います。