非常にカジュアルな JavaScript ユーザーです。うまくいけば、これは理にかなっています。
nvd3.js を使用して積み上げ面グラフで 20 の異なるシリーズを追跡しています。これらの系列は、正と負の値の間で変動し、一部は大きなベースで、一部は小さなベースで変動します。その結果、非常に大きなシリーズの 1 つが x 軸の下にある場合、他のすべてのものも下に押し出され、キーを使用してより大きなプレーヤーを除外するまで、正のシリーズは x 軸の上に表示されません。
技術的には洗練されていませんが、私が思いついた見栄えの良い解決策は、すべての負の値を 1 つの配列に分割し、すべての正の値を別の配列に分割することです。ページの上半分は正の値のグラフで、下半分は負の値で、きれいに並んでいます。
このアプローチの弱点は、エンド ユーザーとして操作する場合です。シリーズを除外する (キーのチェックを外す) か、グラフ モードを変更する (タイプ セレクターを使用) か、シリーズをズームインする (クリックして、グラフがそのシリーズのみにフォーカスし直す) と、いずれかのみに影響します。クリックしたグラフ。あなたのアクションが両方のグラフで同期されるように、これら 3 つのクリック イベント (および見逃した他のイベント) を調整したいと思います。
これは達成可能ですか？誰かが似たようなことをした場所を掘り下げることができる読み物はありますか? 1 つのデータ セットの 2 つの表現 (たとえば、円グラフと縦棒グラフ) をリンクすることは、漠然と類似していると思います。