0

我正在使用具有用于显示日期的水平轴的柱形图。

问题是当有大数据点时，它会缩小 x 轴标签的大小，我不希望这种情况发生。

我正在分批显示日期，但标签仍然没有占用可用空间。标签尺寸缩小，文字难以阅读。

无论刻度数如何，我都可以增加标签大小的任何建议。

这是我的代码片段。

谢谢你。

  <mx:ColumnChart id = "areaChart"
                  height = "100%" 
                  width = "100%" 
                  seriesFilters="[]"                    
                  showDataTips="false"
                  type="overlaid"
                  columnWidthRatio="0.40"
                  mouseMove="showData(event)"
                  mouseSensitivity="600"
                  change="{callLater(showDefaultData)}"> 

       <mx:horizontalAxis>
            <mx:CategoryAxis categoryField = "date"
                             id = "hax"         
                             ticksBetweenLabels="true"
                             labelFunction="chartsLabel"/>
        </mx:horizontalAxis>

        <mx:horizontalAxisRenderers>
            <mx:AxisRenderer id="har" 
                             axis="{hax}"
                             textAlign="left"
                             tickPlacement="none"   
                             placement="bottom"                                                  
                             axisStroke="{Stroke}"/>


        </mx:horizontalAxisRenderers>
4

3 回答 3

0

不幸的是，CategoryAxis 似乎没有渲染器，因此无法为其设置 canDropLabels 和 canStagger。

于 2013-07-04T17:18:08.283 回答
0

你应该设置

canDropLabels="true|false"

canStagger="true|false"

图表轴渲染器的样式：如果文本太多，它应该知道该怎么做。

如果要强制移除缩放，还可以设置轴渲染器scaleX的属性。scaleY但是除非你做一些棘手的事情，否则你不需要它。

您还可以设置gutters图表和轴渲染器为绘图标签提供额外的空间，但同样，通常您不需要它。

于 2013-01-11T16:05:46.773 回答
0

定义样式AxisRenderer并在您的定义中使用它：

风格： 

<mx:Style>
    .axisStyle {
        fontSize:10;
        color:blue;
    }
</mx:Style>

用法：

    <mx:horizontalAxisRenderers>
       <mx:AxisRenderer axis="{axisName}" styleName="axisStyle"/>
    </mx:horizontalAxisRenderers>

    <mx:horizontalAxis>
       <mx:CategoryAxis id="axisName" dataProvider="{dataProvider}" 
            categoryField="someCategory"/>
    </mx:horizontalAxis>
于 2013-01-11T13:01:55.957 回答