Eine fortgeschrittene JSF-Grafikkomponente erzeugen


Um diese Anforderungen zu erfüllen, wurde folgende Lösung geschaffen:

  • Die JSF-Charting-Komponente verwaltet die Chart-Bean-Komponente. Dazu gehört auch, das Chart-Bean zu erzeugen, es anzupassen und es für serverseitige Aktionen zur Verfügung zu stellen.
  • Die JSF-Komponente wird in zwei Phasen erzeugt:
    • Der JSF-Renderer erzeugt ein <IMG>-Tag und eine Reihe von Javascript-Objekten (Abbildung 1).
    • Der Client wird ein Bild vom Server anfordern. Das geschieht mittels eines Servlets, welches das Chart-Bean aufruft und ein Bild mit Methoden, die das Chart bereitstellt, erzeugt (Abbildung 2).
  • Bei allen Interaktionen des Benutzers (Zoomen, Panning, Stylesheet wechseln und so weiter), durch die allein das Chart-Bild geändert wird, findet nur eine inkrementelle Aktualisierung des Chart-Bildes statt. Wenn die clientseitige Aktion mehr als nur eine Aktualisierung des Chart-Bildes erforderlich macht, wird wieder die ganze Seite abgeschickt (Abbildung 3).

Die folgenden Abbildungen stellen die Architektur dieser Lösung dar.

1. Eigenschaften erzeugen und initialisieren.
2. Chart erzeugen und anpassen und für serverseitige Aktionen bereitstellen.
3. Chart rendern.


Abbildung 1: Anfrage an JSF-Framework.


Abbildung 2: Anfrage an das Servlet, um das Bild zu erhalten.


Abbildung 3: Entweder ein Seitenaufruf oder ein Bildaufruf.

Die JSF-Charting-Komponente wird auch durch eine Reihe weiterer JSF-Komponenten begleitet:

  • Überblick: Ein Überblick zeigt eine Gesamtansicht des Charts sowie ein Rechteck, das die aktuelle Chart-Ansicht repräsentiert. Mit dieser Komponente kann der Benutzer auch den sichtbaren Bereich bewegen.
  • Legende: Eine Legenden-Komponente bietet Informationen über den Datensatz, der gerade angezeigt wird. Die Legende kann auch im Chart selbst dargestellt werden, je nach Art der dargestellten Daten.
  • Interaktoren: Es gibt auch clientseitige Interaktoren wie zum Beispiel Schwenken und Zoomen des Chart-Bildes. Diese Interaktionen können als clientseitige Interaktionen betrachtet werden, was bedeutet, dass bei Interaktionen mit dem Chart nicht die ganze Seite neu geladen wird, wie es sonst bei regulären JSF-Interaktionen geschieht.

Um die Charting-Komponente zu rendern, muss man nur das chartView-Tag verwenden:

Listing A:

Die Daten werden als Bild auf der HTML-Seite angezeigt. Das Bild wird von einem Servlet als Antwort auf einen http-Request erzeugt, wobei der http-Request verschiedene Parameter enthält, die das resultierende Bild, die Erzeugung einer Imagemap, die Generierung einer Legende und so weiter spezifizieren. Das resultierende Bild wird dann in das clientseitige DOM eingesetzt, und von der ganzen Seite wird nur das Bild selbst aktualisiert.

Es gibt einige Unterschiede zwischen einer einfachen JSF-Komponente und einer fortgeschrittenen Charting-Komponente:

Page: 1 2 3 4 5

ZDNet.de Redaktion

Recent Posts

Alphabet übertrifft die Erwartungen im ersten Quartal

Der Umsatz steigt um 15 Prozent, der Nettogewinn um 57 Prozent. Im nachbörslichen Handel kassiert…

5 Tagen ago

Microsoft steigert Umsatz und Gewinn im dritten Fiskalquartal

Aus 61,9 Milliarden Dollar generiert das Unternehmen einen Nettoprofit von 21,9 Milliarden Dollar. Das größte…

5 Tagen ago

Digitalisierung! Aber wie?

Mehr Digitalisierung wird von den Unternehmen gefordert. Für KMU ist die Umsetzung jedoch nicht trivial,…

5 Tagen ago

Meta meldet Gewinnsprung im ersten Quartal

Der Nettoprofi wächst um 117 Prozent. Auch beim Umsatz erzielt die Facebook-Mutter ein deutliches Plus.…

6 Tagen ago

Maximieren Sie Kundenzufriedenheit mit strategischem, kundenorientiertem Marketing

Vom Standpunkt eines Verbrauchers aus betrachtet, stellt sich die Frage: Wie relevant und persönlich sind…

6 Tagen ago

Chatbot-Dienst checkt Nachrichteninhalte aus WhatsApp-Quellen

Scamio analysiert und bewertet die Gefahren und gibt Anwendern Ratschläge für den Umgang mit einer…

6 Tagen ago