2012-04-12 19 views
1

標準HTML/Javascript/JQuery(HTML5ではなく)で動的グラフを描画したいと思います。HTML/Javascript:動的グラフを描画する方法

ノードは特定の内容のdivで、その間には線が必要です。少なくとも水平と垂直。ノードを動的に追加および削除することは可能です。

divもドラッグ可能な場合はいいですが、必要ではありません。

標準のHTMLでこれを行うことができますか、多分JQueryライブラリの助けを借りてできますか?事前に http://www.coderanch.com/t/518805/open-source/do-generate-dynamic-graph-html

ありがとう:

私だけのように、この上の負の答えを見つけます。

P.D. Flashの典型的な使用例と思われます。私はどこでも動かなければならないので、HTML5を使うことはできません。そして、私はFlashの代わりにSVGのようなものを使う理由は見ません。

+0

あなたは1x1のdivを作成することがあり、Googleのチャートを使用し、それらからグラフを構築することができます。しかしそれはほとんど効率的ではありません。 – kirilloid

+0

@David私が探しているものはGoogleのグラフには表示されません(エッジ/ノードのあるグラフ)。しかし、私はそれがSVGを使用して参照してください。それはお勧めですか?または、Flashが優れているかもしれませんか? "あなたは何を試しましたか"について - そのような質問ではありません。私は何も試してみたことがないと思います。私はどのように起動するのか探しています。 – Ixx

+0

どのようにHTML5を使用せずにjQueryを使用しますか? HTML5機能が利用できる場合はHTML5機能を使用し、そうでない場合は古い機能にフォールバックすることが期待されます。 – RobG

答えて

2

これはおそらくJointJSで簡単にできます。 SVGに基づいたグラフィックスを扱うのにRaphaelを使用しますが、IEのVMLもサポートしています。 JointJSは、Firefox 3.0以降、Safari 3.0以上、Opera 9.5以上、Google Chrome 4以上、Internet Explorer 6.0以上のブラウザをサポートしています。

+0

それは私が必要とするものとまったく同じように見えます。しかし、Flash上​​でこの(SVG + VML)を使用する利点はありますか? (これはすぐに使えるライブラリであるという事実の他に) – Ixx

1

JQplotは素晴らしいです:http://www.jqplot.com/

それは非常に「グーグル・アナリティクスは、」箱から出してすぐそこに感じています。

これはjQuery上に構築されており、これまで説明した内容に最適です。

+0

VMLやSVGのフォールバックを持つHTML5キャンバスソリューションのように見えます。そして、私は必要なものを正確にサポートしていません。それはチャート、統計などのためのものです。 – Ixx

0

あなたは、GoogleのグラフAPI Examples.

関連する問題