Utforme lerretsoppsett for ulike skjermstørrelser

Du kan utforme lerretsoppsett slik at de passer til enheter av ulike størrelser, ved å optimalisere innholdet slik at det passer inn i nettleseren for hver enkelt skjermstørrelse.

Om å utforme lerretsoppsett som skal vises på enheter med ulike skjermstørrelser

Du kan utforme lerretsoppsett slik at de passer til enheter av ulike størrelser, ved å optimalisere innhold i nettleseren. Enheten kan for eksempel være en mobil, et nettbrett eller en bærbar datamaskin.

Optimalisere lerretsoppsett for ulike skjermstørrelser

Når du åpner en arbeidsbok på enheter med ulike størrelser, skaleres skjermstørrelsen for lerretet etter nettleserens skjermstørrelse ved hjelp av standardverdiene i nettleseren. Hvis du endrer størrelse på nettleseren ved å redusere størrelsen på den, kan det ha innvirkning på muligheten til å se detaljene i visualiseringer. Dataene i et punktdiagram eller varmekart, eller de fleste målingsdataene i en flisvisualisering, kan for eksempel bli for vanskelige å lese, slik at det blir umulig å se viktige opplysninger.

Når du reduserer lerretsstørrelsen i en nettleser, kan visualiseringer bli for små til at dataene vises ordentlig.
Dette bildet viser en redusert skjermstørrelse for et lerret som vises i en nettleser, der enkelte visualiseringer har blitt for små til å se dataene ordentlig.

Som forfatter kan du utforme lerretsstoppunkt, slik at gjengivelsen av visualiseringer endres for å passe til den nye størrelsen når skjermstørrelsen for lerretet reduseres. Hvis den tilgjengelige skjermstørrelsen for eksempel er for liten til å vise en fullstendig visualisering, kan du omorganisere eller skjule visualiseringen, slik at det fungerer bedre på den mindre skjermstørrelsen. Du angir ulike skjermstørrelser og oppsett for lerreter ved hjelp av stoppunkt, der hvert enkelt stoppunkt representerer en ulik ordning av visualiseringer som vises for hver enkelt skjermstørrelse.

Et optimalisert lerret for et stoppunkt for mindre skjermstørrelse inneholder visualiseringer som er omorganisert slik at de blir enklere å se på den lille enheten.
Dette bildet viser en optimalisert visualisering som er opprettet ved hjelp av et stoppunkt for en enhet med mindre skjermstørrelse.

Du bruker en glidebryter til å definere skjermstørrelser for når brukerne viser lerreter på enheter med ulike størrelser. Du kan for eksempel endre hvordan visualiseringen vises, ved å endre plasseringen, størrelsen eller synligheten på lerretet.

Når du legger til et stoppunkt på et lerret, fastsetter skjermstørrelsen for stoppunktet hvordan visualiseringer vises på den aktuelle skjermstørrelsen. Du kan flytte, endre størrelse på eller fjerne visualiseringer for et lerretsstoppunkt for å optimalisere hvordan brukerne ser visualiseringer. Du kan angi ulike visualiseringskonfigurasjoner for hvert enkelt stoppunkt, og da vises forskjellene for hvert enkelt stoppunkt bare for brukeren når oppløsningen i nettleserens skjermstørrelse samsvarer med skjermstørrelsen for stoppunktet som endringene er foretatt for.

Utforme lerretsoppsett for visning på ulike enheter

Du kan opprette lerretsstoppunkt for å fastsette hvordan visualiseringer vises for brukerne på enheter med ulike skjermstørrelser. Du kan for eksempel angi ulike stoppunkt for å optimalisere visning i nettleseren på en mobilenhet, et nettbrett eller en bærbar datamaskin.

  1. Beveg musepekeren over en arbeidsbok på hjemmesiden, klikk på Handlinger, og velg deretter Åpne.
  2. Klikk på Rediger for å vise arbeidsboken for redigering.
  3. Utvid lerretet til maksimal størrelse, sett Oppsett til Beste tilpassing under Egenskaper for lerret, og klikk deretter på OK.
  4. Klikk på Responsivt redigeringsprogram for lerreter i bunnteksten for å åpne redigeringsprogrammet, der du kan definere stoppunkt for visning av lerretet på ulike enheter.
    Responsivt redigeringsprogram for lerreter

  5. Angi et lerretsstoppunkt:
    • Legg til et stoppunkt på gjeldende glidebryterposisjon: Klikk på og dra glidebryteren til pikselverdien for skjermstørrelsen du vil bruke for dette stoppunktet,
      Dra glidebryteren til bredden som er nødvendig, vist i piksler.

      og klikk deretter på Legg til stoppunkt Klikk på ikonet Legg til stoppunkt for å legge til et stoppunkt der glidebryteren befinner segfor å legge til stoppunktet på den gjeldende glidebryterposisjonen.
    • Angi en verdi for et stoppunkt manuelt: Klikk på Åpne menyen for det responsive redigeringsprogrammet for lerreter, klikk på Legg til stoppunkt, og skriv inn et tall i feltet Posisjon for der du vil plassere dette stoppunktet.
      Angi en posisjon manuelt for å legge til et stoppunkt

  6. Gjenta det forrige trinnet hvis du vil definere flere lerretsstoppunkt.
  7. Ta med eller utelat visualiseringer for hvert enkelt lerretsstoppunkt:
    • Høyreklikk på lerretsstoppunktet du vil administrere (Et lerretsstoppunkt med tilhørende markør), og klikk deretter på Administrer stoppunkt.
      Bruk dialogboksen Administrer stoppunkt til å ta med eller utelate visualiseringer fra dette lerretsstoppunktet.

    • Klikk på en visualisering i listen som skal utelates fra eller tas med på lerretet for dette stoppunktet, og klikk deretter på OK.
      Bruk dialogboksen Administrer stoppunkt til å ta med eller utelate visualiseringer og instrumentpanelfiltre fra lerretet for dette stoppunktet.

  8. Valgfritt: Opprett en visualisering, og legg den til i et stoppunkt ved å velge data fra ruten Data og legge den til på lerretet.
    Den nye visualiseringen legges bare til i det gjeldende stoppunktet, men du kan legge til visualiseringen i andre stoppunkt på lerretet ved å velge den fra listen i dialogboksen Administrer stoppunkt for det aktuelle stoppunktet.
  9. Valgfritt: Optimaliser visningen av visualiseringer for et lerretsstoppunkt.
    Du vil kanskje optimalisere innholdet for visning på en mindre enhet, for eksempel en mobil.
    • Omorganisere visualiseringer: Klikk på visualiseringer, og dra dem til en ny posisjon.
    • Optimalisere visualiseringer: Bruk ruten Egenskaper til å skjule unødvendig innhold, for eksempel tittelen eller forklaringen.
    Når du optimaliserer visualiseringer for et stoppunkt, brukes ikke disse endringene på andre stoppunkt på lerretet.
  10. Klikk på Lagre.