Chart not showing all labels on mobile

  • Resolved arndtk

    (@arndtk)


    4 months, 4 weeks ago

    <span style=”color: rgb(0, 0, 0); font-size: inherit; caret-color: rgb(0, 0, 0); white-space-collapse: collapse; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;”>Hello, I have set up a line chart and in the desktop view, the numbers up to 300 are displayed correctly.</span>

    In Mobile, the horizontal axis is only displayed with two numbers, which makes the chart essentially unusable.

    Can this be optimized and the view optimized according to the values?

    Regards,

    Arndt

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Stefan Cotitosu

    (@stefancotitosu)

    4 months, 4 weeks ago

    Hi @arndtk,

    Thank you for using Visualizer.

    At the moment, the Visualizer plugin doesn’t include a built-in option to show the antire chart area on all screen sizes.

    However, you can improve the mobile experience by enabling horizontal scrolling. This will allow visitors to swipe and view the entire chart. You can add the following CSS to Appearance → Customize → Additional CSS:

    #visualizer-27397977-752655934 {
      overflow-x: auto;
      overflow-y: hidden;
    }


    Alternatively, you can also download the chart as an image from the Chart Library and embed the image directly into the page. Images scale naturally on mobile devices and will display all labels without requiring scrolling.

    Best regards,

    Thread Starter arndtk

    (@arndtk)

    4 months, 4 weeks ago

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.