<分区>
比如,假设我有一个树结构,那么我自然会使用一个树控件,因为该 GUI 元素可以完美地映射到该结构。
但我所拥有的是一张图表,可能太宽而无法放在一个网页中。我想不出真正符合结构的 GUI 示例。我有一些不太合适的想法是,网络本身,带有超链接、浏览器后退按钮和前进按钮。但这一次只向您显示一个节点。我想显示尽可能多的节点,并允许导航到图形的新区域。像 Google map 这样的东西可能是一个很好的模型,因为您可以完全自由地向任何方向滚动。
<分区>
比如,假设我有一个树结构,那么我自然会使用一个树控件,因为该 GUI 元素可以完美地映射到该结构。
但我所拥有的是一张图表,可能太宽而无法放在一个网页中。我想不出真正符合结构的 GUI 示例。我有一些不太合适的想法是,网络本身,带有超链接、浏览器后退按钮和前进按钮。但这一次只向您显示一个节点。我想显示尽可能多的节点,并允许导航到图形的新区域。像 Google map 这样的东西可能是一个很好的模型,因为您可以完全自由地向任何方向滚动。
最佳答案
Facebook 在过去方式曾经这样做,以可视化您的 friend 。正如预期的那样,他们将节点画成小盒子,用线连接它们。他们将图表绘制成 SVG 图像,因此您可以轻松放大和缩小。
另一种选择可能是绘制成 <canvas>
以某种方式标记和缩放它。我想这是可能的,但我不太了解 <canvas>
另一种选择是将其绘制到内联框架或其他允许用户水平和垂直滚动的框中。
关于user-interface - 图结构(在 CS 意义上的图、节点、边)的(Web)用户界面的一个很好的例子是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/245783/