0

我想在 Flex 中创建一个类似于 Panel/TitleWindow 的组件,但使用 D3。它应该是可调整大小和可移动的。

我想在其中包含一个条形图,其中左侧的条形图和右侧的条形图的名称。但是,我希望能够通过拖动顶部(标题区域)的控件来更改标签的宽度。调整面板大小时,栏将相应缩放(宽度),如果所有栏的高度大于容器(面板)的高度,则会出现垂直滚动条(如果需要)。

我已经使用 SVG 在 D3 中创建了一个可调整大小和可移动的面板,但恐怕一旦我在里面包含条形图,我将无法在需要时包含滚动条(垂直)。因此,我正在寻找如何解决问题的想法。一种可能性是用 div 制作面板。我不擅长 CSS,所以我不知道如何用 div 创建它。

satckoverflow 不允许我在帖子中添加另一个链接,所以我不包括与 jsfiddle 的链接以及当前使用 SVG 的实现。

我需要这个,因为我正在创建一个 D3 & Crossfilter 应用程序,其中每个维度都将托管在一个面板上。而且由于每个维度的类别数可以改变,甚至面板的数量可以由数据本身定义,我需要能够移动和调整面板的大小。

我可以在http://mylinerider.com/D3/ImportExport.html看到这个想法的实施草案。要过滤您需要单击栏的数据,它可以按维度过滤多个类别并更改度量。但是,面板不能移动或缩放。

我在 Flex 中创建了一个示例,说明我想为面板使用 D3/JS 做什么 - http://mylinerider.com/panel/

有什么建议么?

4

0 回答 0