Wie füge ich d3 (javascript) zu einer vaadin Anwendung hinzu?

Guten Abend Leute,

Ich versuche gerade, die Visualisierungsfunktionalität von d3 meiner vaadin Anwendung hinzuzufügen. Wenn Sie nicht wissen, was d3 ist, hier ist ein kurzer Link: Ссылка

Aber ich stecke mit einigen Problemen fest:

• Wie kann ich die Javascript-Datei / Bibliothek "d3.v2.js" hinzufügen, die für die Entwicklung mit d3 notwendig ist? Ich habe versucht, es zu einem eigenen Thema hinzuzufügen (WebContent / VAADIN / themes / myOwnTheme / ..), aber durch die Aktualisierung in Eclipse bekomme ich die Nachricht: "Fehler während des Builds aufgetreten. Fehler beim Ausführen des Builders 'JavaScript Validator' für das Projekt ' VaadinD3Testproject '. 14 ". Ich nehme an, dass die js-Datei mit rund 8000 Zeilen zu groß ist? Ich habe gelesen, dass ich die Datei irgendwie zur web.xml hinzufüge? Gibt es einen Weg?

• Wie kann ich dann JavaScript Code zu meiner vaadin Anwendung hinzufügen? Nach meiner Recherche weiß ich, dass es die Möglichkeiten gibt:

  • getMainWindow (). executeJavaScript ("alert ('foo');")

  oder

  • Label test = new Label ("Maus hierüber bewegen ...", Label.CONTENT_XHTML);

- & gt; Gibt es andere Möglichkeiten, JavaScript-Code zu integrieren?

Könnte mir jemand mit einer Art "Schritt für Schritt" Erklärung helfen, wie man beide Wege löst? Hilfe würde hier wirklich geschätzt werden, da ich nicht so erfahren bin.

------- UPDATE -----------

  

Wie kann ich die Javascript-Datei / Bibliothek "d3.v2.js" hinzufügen, die für die Entwicklung mit d3 benötigt wird? Ich habe versucht, es zu einem eigenen Thema hinzuzufügen   (WebContent / VAADIN / themes / myOwnTheme / ..), aber durch erfrischend bin ich   Abrufen der Nachricht: "Während des Builds sind Fehler aufgetreten. Fehler werden ausgeführt   Builder 'JavaScript Validator' für das Projekt 'VaadinD3Testproject'. 14 ".   Ich schätze, das liegt daran, dass die js-Datei mit etwa 8000 zu groß sein könnte   Linien? Ich habe gelesen, dass ich die Datei irgendwie zur web.xml hinzufüge? ist da   ein Weg?

Ich habe diesen Fehler behoben, es war ein Problem mit meiner Sonnenfinsternis und dem eingebauten JavaScript-Validator. Ich konnte nun die js-Datei in meine Anwendung laden, indem ich die Ajax-Klasse mit einem eigenen Servlet überschrieb, wie es hier in mehreren Beiträgen beschrieben wurde.

Ich habe jetzt verschiedene Möglichkeiten ausprobiert:

• getMainWindow.executeJavaScript () funktioniert nicht so, dass ich d3 benutzen könnte, irgendwie, sobald ich etwas d3-Code hinzufügen möchte, wie "d3.select (" body ") .append ( "svg"); ", es führt es einfach nicht aus (egal ob ich die Tags umgebe oder nicht, aber ich habe im Allgemeinen bemerkt, dass Code in Tags nicht ausgeführt wird)

• Ich habe versucht, ein CustimLayout zu verwenden, wie es in einigen Beispielen dieses Forums gezeigt wurde, aber es ist wieder wie oben beschrieben. Wenn ich den Quellcode der Website überprüfe, fehlt mein Code einfach oder wird analysiert

• Etiketten funktionieren nicht mehr, egal ob XHTML- oder RAW-Modus, Ausnahme tritt auf

• Beim Überschreiben einer anderen Servlet-Methode, die aufgerufen wird, wenn der bodys beim Serverstart erstellt wird, habe ich die Fehlermeldung erhalten, dass vaadin das Standard-Widgetset nicht einmal laden konnte.

Also, was ist übrig? Gibt es wirklich keine Möglichkeit, d3 mit vaadin zu integrieren? Hat das noch niemand versucht? Ich habe gestern auch viel über das kommende vaadin 7 gelesen. Aber wäre es auch nur eine Option, eine Alpha-Version zu verwenden, von der ich keine Ahnung habe, wie stabil sie ist (ich glaube, deshalb heißt sie Alpha)

Danke für jeden Gedanken, den du mit mir teilst