[Chart]????????????

2014-03-21 15:31:40by ???

如何合理排列坐标轴的标签

说明

这篇文章介绍的是如何合理排列坐标轴的标签。

思考

当x轴刻度标签的文字过长时,会造成如下图所示的文字重叠,这当然是我们绝对不想也不允许的效果,那么我们应该如何去处理这种问题。

解决方案

  1. 有时候x轴的标签有一定的逻辑顺序,此时我们可以不用每个都显示,如下图所示:

    实现这种效果我们只需要改变x轴下labels的属性step,如下代码:

                    
    <a:xAxi name="name">
    	<a:labels step="6"/>
    </a:xAxi>
    		
  2. 我们可以选择将标签分层显示,如下图所示:

    实现这种效果我们只需要改变x轴下labels的属性staggerLines,如下代码:

                    
    <a:xAxi name="name">
    	<a:labels staggerLines="6"/>
    </a:xAxi>
    		
  3. 我们可以考虑将标签的字旋转一个角度来显示,如下图所示:

    实现这种效果我们只需要改变x轴下labels的属性rotation,如下代码:

                    
    <a:xAxi name="name">
    	<a:labels rotation="-30"/>
    </a:xAxi>
    		
  4. 我们可以考虑将x轴和y轴互转,如下图所示:

    实现这种效果我们只需要将chart的属性inverted设成true,如下代码:

                    
    <a:chart bindTarget="ds" type="column" inverted="true">
    		

    当然,如果图形本身就是column的话,将type改成bar能获得同样效果,如下代码:

                    
    <a:chart bindTarget="ds" type="bar">
    		

注释

  1. 在最新版的Chart中,系统会自动为重叠的标签提供最佳解决方案。

Attachments
  1. ????????????.rar

Comments

0 Responses to the article

暂时没有评论。

发表评论