HTML/Javascript: gewusst wie: zeichnen einer dynamischen Grafik

Ich zeichnen möchte ein dynamisches Diagramm mit standard-HTML/Javascript/JQuery (nicht HTML5).

Knoten sind divs mit bestimmten Inhalten, und zwischen Ihnen brauche ich Linien. Zumindest horizontal und vertikal. Es ist möglich, hinzufügen und entfernen von Knoten dynamisch.

Wäre es schön, wenn die divs sind ziehbar zu, ist aber nicht notwendig.

Kann dies gemacht werden mit standard-HTML, vielleicht mit Hilfe von ein paar JQuery-Bibliothek?

Finde ich nur negative Antworten auf diese, wie:
http://www.coderanch.com/t/518805/open-source/do-generate-dynamic-graph-html

Vielen Dank im Voraus.

P. D. Scheint einen typischen Anwendungsfall für Flash. Ich kann nicht mit HTML5, denn es muss überall laufen. Und ich sehe keinen Grund, etwas zu verwenden, wie SVG anstelle von Flash.

Sie können erstellen, 1x1 divs und bauen Sie die Grafik aus. Aber es ist kaum effizient.
Ich sehe nicht in den Google-charts, was ich Suche (graph mit Kanten / Knoten). Aber ich sehe es verwendet SVG. Wäre das zu empfehlen? Oder vielleicht Flash ist besser? Über "Was haben Sie versucht," nicht diese Art von Frage. Ich denke, ist offensichtlich, ich hatte nicht ausprobiert und ich bin auf der Suche wie ich anfangen soll.
Wie kann Sie nicht mit HTML5 und jQuery? Ich erwarte, dass es wird mit HTML5-features, wenn Sie verfügbar sind und zurückgreifen auf ältere features, wenn Sie nicht, als würde jede Bibliothek.
Die älter?

InformationsquelleAutor Ixx | 2012-04-12

  1. 2

    Wäre dies wohl leicht zu machen mit JointJS. Es verwendet Raphael für den Umgang mit der Grafik, die auf Basis von SVG, sondern auch die Unterstützung VML für den IE. JointJS Ansprüche unterstützen die folgenden Browser: Firefox 3.0+, Safari 3.0+, Opera 9.5+, Google Chrome 4+ und Internet Explorer 6.0+.

    Das sieht genau so aus wie das, was ich brauche. Aber gibt es irgendeinen Vorteil der Verwendung dieser (SVG + VML) über Flash? (neben der Tatsache, dass dies ist ein fertig-Bibliothek)

    InformationsquelleAutor João Pimentel

  2. 1

    JQplot ist groß: http://www.jqplot.com/

    Es hat eine sehr "Google-analytics", um es zu fühlen, direkt aus der box.

    Es basiert auf jQuery, die funktioniert gut für das, was Sie beschrieben haben.

    Sieht aus wie ein HTML5-canvas-Lösung mit fallback auf VML oder SVG. Und es unterstützt nicht genau, was ich brauche - Elemente, die bestimmte Inhalte durch Linien verbunden. Es ist mehr für die charts, Statistiken und so weiter.

    InformationsquelleAutor JROB

  3. 0

    Können Sie mit Google Charts, Google Graph API Beispiele.

    InformationsquelleAutor Umar Bukhari

Schreibe einen Kommentar