上周我一直在寻找一些图形可视化 javascript-library 并且我偶然发现了jsPlumb,这是从我见过的例子来看的,这是迄今为止我见过的最好看和最先进的库。该文档虽然很大,但不是很有帮助,因为我无法弄清楚如何实际执行最重要的任务。
我的问题清单包括:
- 如何告诉图形使用 DOM 树的预定义元素?
- 将显示这些元素的哪一部分?
- 虽然连接很容易,但如何定义对齐方式?
虽然这些问题仍然存在,但有一些示例,但它们要么简单到无法使用(参见示例 1),要么它们非常复杂,甚至可以检索(下载不是问题,但我没有在玩一些库之前真的想分析一切......)代码至少对我来说是不可能的(参见https://github.com/sporritt/jsPlumb/tree/master/demo)。
示例 1
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js">
</script>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js">
</script>
<script type="text/javascript"
src="PATH_TO/jquery.jsPlumb-1.3.15-all-min.js ">
</script>
<script type="text/javascript">
jsPlumb.bind("ready", function() {
var e0 = jsPlumb.addEndpoint("container0"),
e1 = jsPlumb.addEndpoint("container1");
jsPlumb.connect({ source:e0, target:e1 });
});
</script>
</head>
<body>
<div id="container0">
</div>
<div id="container1">
</div>
</body>
这导致
谁能给我一个回答我的问题的例子?
提前致谢。