先週、私はいくつかのグラフビジュアライゼーションjavascript-libraryを探していました。私が見た例で見たように、jsPlumbを見つけました。遠いドキュメントは、非常に大きなものですが、私が実際に最も重要なタスクを実行する方法を理解できないため、あまり役に立ちません。シンプルだが便利なjquery.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>
誰も私に私の質問に答える例を与えることができますか?
ありがとうございます。