问题标签 [jointjs]

想象一下，我希望我的屏幕区域（例如，一个 500 像素 x 500 像素的框）包含我的图表。如果我的图表的宽度或高度大于此值，我希望出现滚动条以允许我滚动图表。我试图通过将我的图表放在一个大小合适的<div>元素中来实现这一点，但似乎图表忽略了这一点，它只是“溢出”。有没有人试图做到这一点并且可以分享一个食谱？

通过使用 Chrome 开发人员工具，我发现我确实有一个<div>500 像素乘 500 像素，它似乎包含一个宽度<svg>为 的，1082并且显示了整个宽度，<svg>即使.<svg><div>

我有一个看起来很棒的图表，并希望添加绑定到“+”和“-”键的放大和缩小功能。我向纸的容器添加了一个keydown事件处理程序，<div>但它没有被按键触发。这让我觉得我的食谱是错误的。有没有人试图在图表中捕捉关键笔划并有一个食谱可以分享？

我尝试的代码是：

正确显示图表paperContainer的我的 jQuery 对象在哪里。创建于<div>：paperContainer

我有一个只读图表来可视化一些数据。我的最终用户希望“过滤”数据，以便一次只能显示数据的一个子集。我意识到每次应用过滤器时都可以重新绘制整个图表，忽略不显示的元素，但我想知道是否有一种方法可以简单地动态“隐藏”一些现有元素，然后重新显示他们。

为了弄清楚，如果这是一个网页而不是图表，我会类比将 CSSdisplay: none应用于我选择的元素。

我想要一个锚标记的处理程序，我可以从我的视图模型中调用任何事件

我正在尝试在 Raphael 中创建一个无向图（直到现在还没有成功）并使用 JointJs 对其进行布局。我能够在 JointJs 中创建一个无向图并对其进行布局。

从过去几天开始，我一直在浏览 Raphael 文档，进行了本地设置，但努力创建图表。我的基本要求是通过 Raphael 创建图表/图形并以适当的布局呈现它（如在 jointjs 中；DirectedGraph 布局）。现在，Raphael 不支持这种自动布局，所以我必须使用外部库仅用于布局目的。

现在，就我与 JointJs 的合作而言，它的工作可以接受，但即使可以说我已经从 raphael 绘制了图表，但仍然不确定我将如何将它与 DirectedGraph Layout 一起使用。

D3 也是一个选项，但在我探索它之后，我对布局一无所知。不一定我应该使用 JointJs，但可能是另一个可以支持我的用例的库。


我主要担心的是：

1. 如何在 Rapahel 中绘制无向图。
2. 如何在 JointJs（或任何布局库）
   或
   布局技术/库中使用 Raphael 绘制的图形，该技术/库可以像下面链接中的图像一样进行图表和布局。
   http://s000.tinyupload.com/?file_id=10320373554237333472

任何资源/代码片段都会有所帮助。
提前致谢！

我有一个jointjs演示代码，它在纸上具有基本形状，我想增加形状的大小，或者在指针单击或光标在形状上移动时突出显示形状，
示例演示代码在这里

我是jointjs的新手。

我试图调整形状但它不起作用

通过单击单元格进行突出显示：

但我想调整单元格的大小。当我单击单元格时，我应该能够调整单元格的大小

请帮我解决这个问题。

我根据他们的 tut http://jointjs.com/tutorial创建了这个

但我什么也看不到，也没有错误控制台。如果我在最后移动了包含，我会得到未知的错误联合。

为什么 ？

我通过移动模型来调整纸张大小：

有什么办法可以改变纸张的属性element.prop(properties)吗？

我正在做一个流程图项目，我发现联合 js 非常有用。我需要他们用于 rappid 的相同模板。

我试图通过阅读它的手册开始工作，而且它是如此庞大。是否有 rappid 的免费模板可以开始？

我已经实现了纸张的缩放，效果很好。

我将它与鼠标滚轮的滚动联系起来，但我仍然遇到一个问题：在 API 中，缩放函数定义为scale paper.scale(sx, sy, [ox, oy])，我认为 ox 和 oy 可以将缩放居中到特定位置。在我的情况下，这个位置应该是指针。但是虽然我交出了坐标（offsetX和offsetY鼠标事件的），但它绝对没有效果。

有人可以给我一个如何使用ox和的例子oy吗？