同じページ内の複数のグラフのフォーカス+コンテキストベースズーム

Question

私のウェブページ（シングル）に「n」グラフがあります。今私は、一度にすべてのグラフをズームする共通のバーを追加する必要がありますonclick（）イベントは、グラフのすべてのグラフをカットして縦線になります。

私はこのことをどうやって行うのか分からないので、私の側からはコードはありません。申し訳ありません。しかし、はい、グラフの部分がカバーされていると私はユーザーの選択に基づいてすべてのグラフを表示することができます。

これらの2つの要件、またはリンクやポインタで私を助けていただければ幸いです。

Answer 1

このexampleが正しく表示されていると思いますか？ brushedコールバックで：

function brushed() { 
    x.domain(brush.empty() ? x2.domain() : brush.extent()); 
    focus.select(".area").attr("d", area); 
    focus.select(".x.axis").call(xAxis); 
} 

それは、xドメインを設定することだプロットの軸にそれを適用すると、プロットの面グラフを再描画します。

ただ、この拡張：

function brushed() { 
    // shared x domain of plots, update extent 
    x.domain(brush.empty() ? x2.domain() : brush.extent()); 
    // adjust plot 1 
    plot1.select(".area").attr("d", area); 
    plot1.select(".x.axis").call(xAxis); 
    // adjust plot 2 
    plot2.select(".line").attr("d", line); 
    plot2.select(".x.axis").call(xAxis); 
    // etc... 
}