问题标签 [graph-drawing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
4376 浏览

javascript - 使用 Raphael 的绘图库

我正在寻找使用Raphael库绘制图形的 javascript库。

到目前为止,我已经找到了这些:

  1. 图德古拉http://www.graphdracula.net/
  2. 联合http://www.jointjs.com/

有人在使用它们吗?你知道他们的优缺点吗?你知道其他使用 Raphael 的库吗?

请注意:图表是指一组节点和边,我们不是在谈论图表。

编辑:我需要一个基于 Raphael 的库,因为它提供与 IE6+ 的兼容性,而其他库则使用 HTML5 Canvas,旧浏览器不支持

0 投票
1 回答
487 浏览

ios4 - 在 iphone 中绘制图形的最佳方法是什么?

我看到了一些核心情节样本。有什么等效的东西可以轻松完成我的任务吗?我也想知道 iPhone 中 Core-plot 的可行性。(核心情节的任何问题)

我想要多色垂直条形图。是否可以自定义 Core-plot 框架。仅使用一个条形图,我们就可以在其上创建多个段。

谢谢你。
纳文通加 在此处输入图像描述

0 投票
1 回答
819 浏览

c# - 如何在 C# 中使用 QuickGraph 渲染缩进树?

是否可以使用QuickGraph 库在 C# 中创建和呈现简单的缩进树

0 投票
1 回答
124 浏览

linux - 实时绘制多通道数据、平台/框架选择

您建议使用什么框架/库/平台来创建一个 Linux(最好是多平台)应用程序,显示八个类似示波器的图形,实时更新?我想象八个频道的视图向左稳定滚动,最新数据在右侧。

数据源是我现在正在开发的微控制器设备,它 AD 转换 8 个通道并通过 USB 虚拟 com 端口将所有测量结果发送到 PC,我认为大约是 100 个样本/秒。我可以为这种数据传输制定自己的协议,但同样,我应该使用一些标准来获得兼容性而不是重新发明轮子吗?

(这是一个爱好项目,用于监控我汽车的非 OBD 电机控制器中发生的事情)

谢谢,拉斯

0 投票
1 回答
3549 浏览

layout - Graphviz:如何渲染关于某些节点边连接点的图?

我想以与以下布局类似的布局呈现图形:

通缉

我试过这个:

这产生了以下结果:(不是很好......

我的

谁能告诉我最接近的解决方案?(可能不可能完全一样)

0 投票
1 回答
187 浏览

language-agnostic - 在基于力的图形绘制算法中给边缘充电?

我正在尝试用 Python 编写一个简短的小程序,该程序使用基于力的图形绘制算法。

我试图尽量减少线相交的次数。维基百科建议给这些线路充电,以便它们相互排斥。我问我的物理老师我该如何模拟这个,她提到使用微积分和库仑定律,但我不确定如何开始。

有人可以提示我如何做到这一点吗?(或者,另一种方法来调整基于力的图形绘制算法以最小化线交叉的次数?)我只是在寻找提示;请不要源代码。

如果有人感兴趣,我的源代码和我制作的youtube 视频

0 投票
2 回答
1361 浏览

c - 绘图算法

我通过这样的顶点邻接关系在矩阵上有一个无向图;

我想在坐标系上绘制这个图。通过任何方法(力导向,弹簧与)给出每个顶点位置(x,y)的算法是什么?我只问伪代码,而不是任何要绘制的库或软件。谢谢。

0 投票
2 回答
53 浏览

constraints - 这个图嵌入是否可行?它有名字吗?

我想将一个无向图投影到二维平面中,这样:

  1. 欧几里得距离保留了逐步距离(即如果A和B之间的最短路径短于C和D之间的最短路径,那么A和B之间的欧几里得距离小于A和B之间的欧几里得距离)

  2. 欧几里得距离和逐步距离之间的最小差异被最小化。理想情况下,如果没有唯一的最小值,则生成或描述一组解决方案。

如果这是不可能的,那么图上使之成为可能的最小约束集是什么?我一般对这个问题很感兴趣,尽管目前我希望它是一个有限晶格,并去除了它的最小值。

0 投票
6 回答
2540 浏览

python - UML图中类的定位

我正在创建一个工具,用于将 Python 项目显示为 UML 图(+ 使用 GUI 显示一些代码错误检测)

我使用 Pyreverse 扫描了一些项目,我拥有绘制 UML 图所需的所有数据。问题是类框在画布上的定位

首先,我决定使用已经实现的基于力的算法来决定类的位置,它工作得很好这是结果 https://github.com/jvorcak/gpylint/blob/master/screenshots/gpylint.png 和这里代码(Python ,但即使对于非 Python 程序员也很容易理解)

有一个问题,它非常适合显示图表,但是如果我想显示 UML,我希望有一些增强,例如,如果 2 个类扩展一个超类,我希望它们在图表中处于同一级别就像点程序生成的图表一样

你能告诉我一个算法如何做到这一点吗?或者至少给我一些想法?

0 投票
1 回答
1024 浏览

javascript - GraphDracula:如何检测 onclick 和 onmouseover 事件?

GraphDracula是一个不错的简单的小型图形可视化库,基于 RaphaelJS。然而,我希望它检测到的两个非常重要的事情是 onmouseover(在一个节点上)和 onclick(再次在一个节点上)。

例如,在他们最基本的示例中,“cherry”节点上的鼠标悬停应该提供有关cherry 的一些额外细节。单击它会弹出一个警告框。

我怎样才能做到这一点 ?