--- title: "Maak grafieken en diagrammen geschikt voor elk mobiel apparaat in uw \"Bring Your Own Device\"-omgeving" date: "2014-12-10" categories: - "development" tags: - "charts" - "mobile-development" - "mobiletogether" - "software-tools" description: Ontdek hoe u grafieken en diagrammen kunt opmaken voor verschillende mobiele apparaten in omgevingen waar "Bring Your Own Device" (BYOD) wordt toegepast, met behulp van de globale en lokale variabelen van Altova MobileTogether om de ontwikkelingssnelheid te verhogen. --- Status: #blog Tags: #charts #mobile-development #mobiletogether #software-tools Categories: [development](/blog/nl/category/development.md) # Maak grafieken en diagrammen geschikt voor elk mobiel apparaat in uw "Bring Your Own Device"-omgeving Een uitdaging bij de ontwikkeling van mobiele bedrijfsoplossingen is het aanpassen van de weergave aan alle verschillende apparaten die eindgebruikers gebruiken. Elk mobiel besturingssysteem ondersteunt een reeks schermformaten, van de kleinste smartphones tot de grootste tablets. En wanneer u overstapt naar een concurrerend besturingssysteem, veranderen alle schermformaten opnieuw. De noodzaak om veel verschillende mobiele apparaten te ondersteunen, kan de ontwikkeling van mobiele oplossingen voor bedrijven die het "Bring Your Own Device"-principe hanteren, vertragen. ![Diagram in de vorm van een cirkeldiagram, geschikt voor elk mobiel apparaat, gemaakt met 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 is een [platformonafhankelijk ontwikkelingsframework voor mobiele applicaties](https://www.altova.com/nl/mobiletogether.html) waarmee u één keer kunt ontwikkelen en uw applicatie op meerdere platforms kunt gebruiken: - Android - iOS - Windows 8 - Windows Phone 8 - HTML-5 clientapplicatie die in de webbrowser draait MobileTogether ondersteunt alle beschikbare schermformaten voor elk besturingssysteem en biedt speciale functies om de productiviteit van ontwikkelaars te verhogen. **Globale variabelen als oplossing** De MobileTogether Designer biedt u toegang tot een bibliotheek met meer dan drie tientallen globale en lokale variabelen die u voor diverse doeleinden kunt gebruiken tijdens het ontwerpen van uw mobiele oplossing. Globale variabelen zijn statisch, wat betekent dat ze niet veranderen tijdens de uitvoering van uw oplossing. Lokale variabelen zijn dynamisch en zijn mogelijk alleen beschikbaar onder bepaalde omstandigheden. Veel globale variabelen bevatten waarden die relevant zijn voor het apparaat waarop de mobiele oplossing wordt uitgevoerd tijdens runtime: ![Globale variabelen 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") U kunt globale variabelen direct toepassen in het venster met eigenschappen van de MobileTogether Designer, of u kunt functies maken die globale variabelen bevatten en resultaten definiëren op basis van de waarde van die variabelen. Als u een bepaalde variabele die uw ontwerp vereist niet kunt vinden, kunt u zelfs uw eigen gebruikersvariabelen definiëren. Uiteraard zijn al deze variabelen beschikbaar, naast de elementen in uw databronnen die waarden kunnen bevatten die u ook in functies kunt gebruiken. **Stel de variabele grootte van het diagram in** Als u de globale variabele $MT\_DeviceWidth instelt als de breedte voor het maken van het diagram in het eigenschappenvenster, dan zal uw diagram tijdens de uitvoering automatisch de breedte van elk apparaat in portretmodus innemen, ongeacht het mobiele besturingssysteem of de schermgrootte van het apparaat. U hoeft de hoogte van het diagram niet eens zelf in te stellen. De hoogte wordt automatisch bepaald, waardoor het hele diagram zonder scrollen bekeken kan worden. U kunt ook globale en lokale variabelen gebruiken met apparaat-specifieke zichtbaarheid, een optie in het contextmenu, om gedrag te definiëren voor specifieke omstandigheden, zoals portret- versus landscape-oriëntatie. De Widget Sales Data-oplossing op de Altova MobileTogether-demo server laat zien hoe lokale variabelen op verschillende manieren kunnen worden toegepast op grafiekgegevens, afhankelijk van de oriëntatie van het apparaat. Zo toont de pagina "Verkoop per regio" een lijndiagram in portretoriëntatie of een 3D-staafdiagram in landscape-oriëntatie. ![Een 3D-staafdiagram, ontworpen in MobileTogether, zoals weergegeven op een Android-telefoon](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") De oplossing voor verkoopgegevens van widgets is opgenomen in de voorbeelden die worden geïnstalleerd met MobileTogether Designer, zodat u deze kunt bekijken om te zien hoe deze is opgebouwd. Grafieken die gedefinieerd zijn door de variabele `$MT_DeviceWidth` behouden hun grootte, zelfs wanneer het apparaat wordt geroteerd, en maken niet optimaal gebruik van de beschikbare schermruimte, zoals te zien is in het voorbeeld van de staafgrafiek hieronder. ![Voorbeeld 1: Horizontale staafdiagram](https://lh6.ggpht.com/-Q-fzzxWIwwc/VIc8yUVZ97I/AAAAAAAAB4E/A8do4TBfJyE/photo1framed%25255B23%25255D.png?imgmax=800 "Horizontal Bar Graph Example 1") Een beter alternatief voor de globale variabele is `$MT_CanvasX`. De waarde van `$MT_CanvasX` verandert wanneer het apparaat wordt gedraaid, en het diagram wordt automatisch opnieuw getekend. Als we `$MT_CanvasX` gebruiken om de breedte van het diagram bij het maken in het eigenschappenvenster te definiëren, wordt het diagram eleganter opnieuw getekend om beter bij het scherm te passen in horizontale modus, met meer ruimte voor de legenda-tekst langs de horizontale as. ![Horizontale staafdiagram die automatisch wordt aangepast aan de schermgrootte, ontwikkeld door 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") **U kunt** [**een video bekijken waarin wordt gedemonstreerd**](https://www.altova.com/nl/mobiletogether/demos.html) **hoe u diagrammen maakt in MobileTogether Designer, op de website van Altova,** [**een gratis proefversie downloaden**](https://www.altova.com/nl/download/mobiletogether-designer.html) **die meer dan 30 voorbeelden bevat, en zo direct aan de slag gaan met het maken van uw eigen oplossingen!**