Place Legend Below Chart on Mobile

  • Resolved Anonymous User 18019806

    (@anonymized-18019806)


    5 years, 3 months ago

    Hello! I have been using this plugin and love it, the charts look so nice. So firstly, thank you!

    Next, per the title, I am attempting to place the legend below the chart on Mobile so that the text in those keys remains legible on mobile, and have been having a hard time getting this to work.

    I’m pretty sure this isn’t a built-in feature (I read the documentation and found no mention), so I’m wondering if you have any recommendations for styling the SVG in such a way that those keys show up below the pie chart and don’t get truncated.

    Thanks for the help!!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Mat

    (@mateithemeisle)

    5 years, 3 months ago

    Hello @wordpresswalton ,

    Thank you for choosing our products and for your kind words.

    The feature to display the Legend differently depending on the device is not available as of this moment but we are taking it into consideration.

    However if you would like your legend to be displayed on the bottom of the pie chart we would suggest to go into Edit Page -> Select the Chart Block Settings -> General Settings -> Legend -> Position -> Below Chart.

    This will also display the Legend below the chart on all other devices.

    Thank you for your suggestion and please let us know if this fix was a match for your needs!

    Thread Starter Anonymous User 18019806

    (@anonymized-18019806)

    5 years, 2 months ago

    Hi @mateithemeisle!! Thanks for the prompt support, and apologies for my delayed response. I was finally able to give this a go, and your instructions did work as far as getting the legend to render underneath the chart. Unfortunately, however, this didn’t solve the root of my issue as the legend titles get truncated anyways.

    Do you have any other recommendations that might prevent those titles from trucnating? No worries if not, but any ideas would be much appreciated!

    Mat

    (@mateithemeisle)

    5 years, 2 months ago

    Hello @wordpresswalton ,

    Unfortunately, there are no tweaks you can do to obtain that result as of yet, without using custom code which is beyond our scope of offering support. However, users can see the details about a specific portion of the pie chart if they click on it thus your information still gets transmitted to them. Maybe inserting a small paragraph before the charts to mention “For more information click on the pie chart” would help guiding the users to obtaining that specific information? Of course it is your choice.

    We will keep this enhancement on our minds and will try and include it in future releases if more users request it!

    Thank you for your contribution and I hope you have an amazing day!

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

The topic ‘Place Legend Below Chart on Mobile’ is closed to new replies.