[ 3 posts ]

Iliyan Peychev

YUI Contributor

  • Username: peychevi
  • Joined: Tue Feb 24, 2009 12:38 pm
  • Posts: 136
  • Location: Varna, Bulgaria
  • Twitter: ipeychev
  • GitHub: ipeychev
  • Gists: ipeychev
  • Offline
  • Profile
Tags:

Charts - prevent labels overlapping

Post Posted: Thu Oct 13, 2011 10:59 am
+0-
Hello,

How can we prevent overlapping between label items in values axis?

Here is the screenshot:
Image

Tripp Bridges

YUI Developer

  • Username: tripp
  • Joined: Wed Jan 07, 2009 1:54 pm
  • Posts: 435
  • GitHub: tripp
  • Gists: tripp
  • YUI Developer
  • Offline
  • Profile

Re: Charts - prevent labels overlapping

Post Posted: Thu Oct 13, 2011 3:27 pm
+0-
Numeric and Time axes allow you to specify the number of ticks that will appear on an axis. You can prevent overlap by decreasing the majorUnit.count (default is 11) style for the axis.

Code:
axes:{
    values:{
        styles:{
            majorUnit: {
                count: 6
            }
      }
   }
}


Thanks,
Tripp

Iliyan Peychev

YUI Contributor

  • Username: peychevi
  • Joined: Tue Feb 24, 2009 12:38 pm
  • Posts: 136
  • Location: Varna, Bulgaria
  • Twitter: ipeychev
  • GitHub: ipeychev
  • Gists: ipeychev
  • Offline
  • Profile

Re: Charts - prevent labels overlapping

Post Posted: Fri Oct 14, 2011 3:25 am
+0-
Thanks, Tripp, this did the tick!
  [ 3 posts ]
Display posts from previous:  Sort by  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum