Flex の Panel/TitleWindow に似たコンポーネントを作成したいと考えていますが、D3 を使用しています。サイズ変更可能で移動可能である必要があります。
左側に棒の名前、右側に棒の名前がある棒グラフをその中に含めたいと思います。しかし、上部（ヘッダー領域）のコントロールをドラッグしてラベルの幅を変更できるようにしたいと考えています。パネルのサイズを変更すると、バーはそれに応じて拡大縮小 (幅) され、すべてのバーの高さがコンテナー (パネル) の高さよりも大きい場合は、必要に応じて垂直スクローラーが表示されます。
SVG を使用して D3 でサイズ変更可能および可動パネルを作成しましたが、内部に棒グラフを含めると、必要に応じてスクロールバー (垂直) を含めることができなくなります。したがって、私は問題を解決する方法のアイデアを探しています。1 つの可能性は、div でパネルを作成することです。私はCSSが苦手なので、divで作成する方法がわかりません。
satckoverflow では投稿に別のリンクを貼ることができないため、SVG を使用した現在の実装では jsfiddle へのリンクを含めません。
各ディメンションがパネルでホストされる D3 & Crossfilter アプリを作成しているため、これが必要です。また、ディメンションごとのカテゴリの数が変更される可能性があり、パネルの数でさえデータ自体によって定義される可能性があるため、パネルを移動およびサイズ変更できる必要があります。
http://mylinerider.com/D3/ImportExport.htmlで、アイデアの実装の草案を確認できます。バーをクリックする必要があるデータをフィルタリングするには、複数のカテゴリをディメンションでフィルタリングし、メジャーを変更します。ただし、パネルを移動またはスケーリングすることはできません。
パネルの D3/JS でやりたいことの例を Flex で作成しました - http://mylinerider.com/panel/
助言がありますか？