当x轴刻度标签的文字过长时,会造成如下图所示的文字重叠,这当然是我们绝对不想也不允许的效果,那么我们应该如何去处理这种问题。
-
有时候x轴的标签有一定的逻辑顺序,此时我们可以不用每个都显示,如下图所示:
实现这种效果我们只需要改变x轴下labels的属性step,如下代码:
<a:xAxi name="name">
<a:labels step="6"/>
</a:xAxi>
-
我们可以选择将标签分层显示,如下图所示:
实现这种效果我们只需要改变x轴下labels的属性staggerLines,如下代码:
<a:xAxi name="name">
<a:labels staggerLines="6"/>
</a:xAxi>
-
我们可以考虑将标签的字旋转一个角度来显示,如下图所示:
实现这种效果我们只需要改变x轴下labels的属性rotation,如下代码:
<a:xAxi name="name">
<a:labels rotation="-30"/>
</a:xAxi>
-
我们可以考虑将x轴和y轴互转,如下图所示:
实现这种效果我们只需要将chart的属性inverted设成true,如下代码:
<a:chart bindTarget="ds" type="column" inverted="true">
当然,如果图形本身就是column的话,将type改成bar能获得同样效果,如下代码:
<a:chart bindTarget="ds" type="bar">
-
在最新版的Chart中,系统会自动为重叠的标签提供最佳解决方案。
Comments
0 Responses to the article暂时没有评论。