Customize chart for desktop and mobile resolutions

When creating a chart, keep in mind that it will be viewed on devices with different screen resolutions, and some charts may become unreadable on smaller screens. Charts allow you to set up different configurations for different screen resolutions to ensure perfect readability.

Toggle on multiple versions

  1. In the upper-right corner, click EDIT.

  2. At the top of the right-hand sidebar, click ALL DEVICES to open the dropdown menu.

  3. Toggle on Multiple versions.

  4. Default resolution is switched to Desktop view. To change it, at the top of the right-hand sidebar, click DESKTOP and click Up to 650px to switch to the Mobile view.

  5. Customize the look and feel of the Mobile version just like you did with the Desktop version.

    The resizing line on the chart helps you choose the desired resolution so you can easily check how your chart fits in on any screen size.

  6. Then choose which version will be the default version, Desktop (651px onwards), or Mobile (Up to 650px).

Switch fast between Desktop and Mobile view by choosing the resolution on the resizer.

Toggle off multiple versions

If at any point you decide you no longer need different versions for desktop and mobile devices, you can easily toggle off multiple versions.

  1. In the upper-right corner, click EDIT.

  2. At the top of the right-hand sidebar, click default resolution, DESKTOP or MOBILE.

  3. Toggle on Multiple versions.

  4. Select the version you want to keep.

  5. Click CONFIRM.