--- title: "Erstellen Sie Diagramme und Grafiken im optimalen Format für jedes mobile Gerät in Ihrer Bring-Your-Own-Device-Umgebung" date: "2014-12-10" categories: - "development" tags: - "charts" - "mobile-development" - "mobiletogether" - "software-tools" description: Erfahren Sie, wie Sie Diagramme und Grafiken für verschiedene mobile Geräte in Bring-Your-Own-Device-Umgebungen formatieren können, und nutzen Sie dabei die globalen und lokalen Variablen von Altova MobileTogether, um die Entwicklungseffizienz zu steigern. --- Status: #blog Tags: #charts #mobile-development #mobiletogether #software-tools Categories: [development](/blog/de/category/development.md) # Erstellen Sie Diagramme und Grafiken im optimalen Format für jedes mobile Gerät in Ihrer Bring-Your-Own-Device-Umgebung Eine Herausforderung bei der Entwicklung von mobilen Geschäftslösungen besteht darin, die Darstellung für alle verschiedenen Geräte anzupassen, die Endbenutzer verwenden. Jedes mobile Betriebssystem unterstützt eine Reihe von Bildschirmgrößen, von den kleinsten Smartphones bis zu den größten Tablets. Und wenn man zu einem konkurrierenden Betriebssystem wechselt, ändern sich alle Bildschirmgrößen erneut. Die Notwendigkeit, viele verschiedene mobile Geräte zu unterstützen, kann die Entwicklung mobiler Lösungen für Unternehmen, die das Prinzip "Bring Your Own Device" (BYOD) anwenden, verlangsamen. ![Kreisdiagramm für jedes mobile Gerät, erstellt mit Altova MobileTogether](https://lh5.ggpht.com/-7Xh6qdjc2N0/VIc8xfEsPgI/AAAAAAAAB30/DNEO_7zmRMg/Opening%252520Chart%252520Capture%25255B2%25255D.png?imgmax=800 "Pie chart for any mobile device created using Altova MobileTogether") Altova MobileTogether ist ein [plattformübergreifendes Framework für die mobile Entwicklung](https://www.altova.com/de/mobiletogether.html), mit dem Sie einmalig entwickeln können und Ihre Anwendungen auf verschiedenen Plattformen bereitstellen: - Android - iOS - Windows 8 - Windows Phone 8 - HTML-5-basierter Client für Webbrowser MobileTogether unterstützt alle verfügbaren Bildschirmgrößen für jedes Betriebssystem und bietet spezielle Funktionen, um die Produktivität der Entwickler zu steigern. **Globale Variablen zur Rettung** Der MobileTogether Designer bietet Ihnen Zugriff auf eine Bibliothek mit mehr als drei Dutzend globalen und lokalen Variablen, die Sie für verschiedene Zwecke bei der Entwicklung Ihrer mobilen Lösung verwenden können. Globale Variablen sind statisch, d.h. sie ändern sich während der Ausführung Ihrer Lösung nicht. Lokale Variablen sind dynamisch und stehen möglicherweise nur unter bestimmten Bedingungen zur Verfügung. Viele globale Variablen enthalten Werte, die für das Gerät gelten, auf dem die mobile Lösung zur Laufzeit ausgeführt wird: ![Globale Variablen in Altova MobileTogether](https://lh4.ggpht.com/-vNpe-nYOYfI/VIc8xs2WRLI/AAAAAAAAB34/AMbi82MP8SM/Global%252520Variables%252520Crop%25255B2%25255D.png?imgmax=800 "Global Variables in Altova MobileTogether") Sie können globale Variablen direkt im Eigenschaftenfenster des MobileTogether Designers verwenden, oder Sie können Funktionen erstellen, die globale Variablen enthalten, und Ergebnisse basierend auf dem Ergebnis dieser Variablen definieren. Wenn Sie eine bestimmte Variable, die Ihr Design benötigt, nicht finden können, können Sie sogar eigene Benutzervariablen definieren. Selbstverständlich stehen all diese Variablen zusätzlich zu den Elementen in Ihren Datenquellen zur Verfügung, die Werte enthalten können, die Sie möglicherweise auch in Funktionen verwenden möchten. **Legen Sie eine variable Diagrammgröße fest** Wenn Sie der globalen Variablen `$MT_DeviceWidth` als Diagrammbreite im Eigenschaftenfenster zuweisen, füllt Ihr Diagramm zur Laufzeit automatisch die gesamte Breite jedes Geräts aus, das im Hochformat gehalten wird, unabhängig von seinem mobilen Betriebssystem oder seiner Bildschirmgröße. Sie müssen die Höhe des Diagramms nicht einmal festlegen. Die Höhe wird automatisch berechnet, sodass das gesamte Diagramm ohne Scrollen angezeigt werden kann. Sie können auch globale und lokale Variablen mit gerätespezifischer Sichtbarkeit verwenden. Diese Option finden Sie im Kontextmenü, um das Verhalten für bestimmte Bedingungen zu definieren, beispielsweise für Hoch- oder Querformat. Die Lösung "Widget Sales Data" auf dem Altova MobileTogether Demo-Server zeigt, wie lokale Variablen verwendet werden können, um Diagrammdaten auf unterschiedliche Weise basierend auf der Geräteausrichtung darzustellen. Beispielsweise zeigt die Seite "Verkaufszahlen nach Region" ein Liniendiagramm im Hochformat oder ein 3D-Balkendiagramm im Querformat. ![Ein 3D-Balkendiagramm, das mit MobileTogether erstellt wurde und auf einem Android-Smartphone angezeigt wird](https://lh4.ggpht.com/-7ijQLURgs5c/VIc8xypd59I/AAAAAAAAB4A/hgwqmhCvwFY/Android%252520shot%25255B4%25255D.png?imgmax=800 "A 3-D Bar Graph Designed in MobileTogether as Viewed on an Android Phone") Die Lösung für die Analyse von Widget-Verkaufsdaten ist in den Beispielen enthalten, die mit dem MobileTogether Designer installiert werden. Sie können diese Beispiele untersuchen, um zu sehen, wie sie aufgebaut sind. Diagramme, deren Größe durch die Variable `$MT_DeviceWidth` festgelegt wird, behalten ihre Größe bei, wenn das Gerät gedreht wird, und nutzen den verfügbaren Bildschirmplatz nicht optimal aus, wie im folgenden Beispiel mit dem Balkendiagramm zu sehen ist. ![Beispiel 1: Horizontales Balkendiagramm](https://lh6.ggpht.com/-Q-fzzxWIwwc/VIc8yUVZ97I/AAAAAAAAB4E/A8do4TBfJyE/photo1framed%25255B23%25255D.png?imgmax=800 "Horizontal Bar Graph Example 1") Eine bessere Alternative zur globalen Variable ist `$MT_CanvasX`. Der Wert von `$MT_CanvasX` ändert sich, wenn das Gerät gedreht wird, und das Diagramm wird automatisch neu gezeichnet. Wenn wir `$MT_CanvasX` verwenden, um die Diagrammbreite im Eigenschaftenfenster festzulegen, wird das Diagramm eleganter neu gezeichnet, um sich besser an den Bildschirm im Querformat anzupassen, wobei mehr Platz für die Legendentexte entlang der horizontalen Achse zur Verfügung steht. ![Horizontales Balkendiagramm, dessen Größe sich automatisch an die Bildschirmgröße anpasst, dank MobileTogether](https://lh6.ggpht.com/-8-LS-SPDvAU/VIc8yyI_eWI/AAAAAAAAB4M/XfeVo6k1nlQ/photo2framed%25255B3%25255D.png?imgmax=800 "Horizontal Bar Graph Automatically Sized to Fit Screen by MobileTogether") **Sie können** [**eine Video-Demonstration**](https://www.altova.com/de/mobiletogether/demos.html) **zur Erstellung von Diagrammen mit dem MobileTogether Designer auf der Altova-Website ansehen,** [**eine kostenlose Testversion herunterladen**](https://www.altova.com/de/download/mobiletogether-designer.html) **mit über 30 Beispielanwendungen und mit dem Erstellen Ihrer eigenen Lösungen beginnen!**